Que veis mal?

mariomon17 · #1 (**permalink**) 09/03/2011, 14:36

Hola a todos, en mi form tengo una opcion de NUEVA CATEGORIA, cuando le doy me carga en un div otra pagina con un form, cuando relleno esto y le doy a enviar no funciona. Trabajo con JQuery.

Código PHP:

Ver original$(document).ready(function(){
   $(".nueva").click(function(evento){
      evento.preventDefault();
      $(".cate").show("slow");
      $(".cate").load("nuevacat_pro.php");
   });
})

La pagina nuevacat-pro.php contiene esto:

Código HTML:

Ver original<script>
$(document).ready(function(){
   $("#button").click(function(evento){
      evento.preventDefault();
      $.ajax({
              type: "POST",
              data: "sent=si&tipo="+document.form1.tipo.value+"&cat="+document.form1.cat.value,
              url: "nuevacat-pro.php",
              success: function(){
                 $(".cate").hide("slow");
                }
            });
      });
})
</script>
<title>Documento sin título</title>
</head>
 
<body>
<?php
if (isset($_POST['sent']) && $_POST['sent'] == "si"){
    $cate = new categoria($_POST['tipo'],$_POST['cat']);
    $cate->nuevo();} else{ ?>
 
<div style="border: 1px dashed; background:#FBF7A4; padding:10px">
<form id="form1" name="form1" method="post" action="?">
  <p>
    <label for="select"></label>
    <select name="tipo"id="select">
      <option value="pacu">Acuariofilia</option>
      <option value="pperros">Perros</option>
      <option value="pgatos">Gatos</option>
      <option value="paves">Aves</option>
    </select>
  </p>
  <p>
    <input name="cat" type="text" id="textfield" />
    <input name="sent" type="hidden" id="hiddenField" value="si" />
    <input type="submit" name="button" id="button" value="Enviar" />
  </p>
</form>
</div>
<?php }?>
</body>
</html>

mariomon17 · #2 (**permalink**) 11/03/2011, 17:30

Nadie me puede ayudar, por favor.

Dany_s · #3 (**permalink**) 16/03/2011, 05:27

el script que tienes en nuevacat-pro.php no te lo carga

separa los codigos js en archivos y en la paginas que uses la nueva categoria inclui al archivo js que tiene las funciones de nuevacat-pro.php, o también puedes usar el método getScript

cuando llames a una pagina con ajax para los eventos usa live o delegate

mariomon17 · #4 (**permalink**) 16/03/2011, 09:35

Si lo carga, porque si pongo un alert dentro me lo ejecuta.
No encuentro por que no va... ;(

Dany_s · #5 (**permalink**) 17/03/2011, 04:55

cambia el evento click por el evento live

mariomon17 · #6 (**permalink**) 17/03/2011, 10:21

Lo he cambiado, y ha quedado asi:

Código Javascript:

Ver original$(document).ready(function(){
   $("#button").live(function(evento){
      evento.preventDefault();
      $.ajax({
              type: "POST",
              data: "sent=si&tipo="+document.form1.tipo.value+"&cat="+document.form1.cat.value,
              url: "nuevacat-pro2.php",
              success: function(){
                 $(".cate").hide("slow");
                }
            });
      });
      
})

Ahora ya hace algo, pero funciono como si no fuese AJAX, recarga la pagina y ademas no le llegan los datos por que no los mete en la BD.

Dany_s · #7 (**permalink**) 17/03/2011, 16:14

me parece que no te fijaste en la doc sobre el evento live

.live( eventType, handler )

http://api.jquery.com/live/

Para mi si queres enviar un formulario no hay que darle un evento click para enviar sino un evento submit, con el click en el botón no se va a enviar el formulario cuando le dan enter, en cambio con el submit se envia cuando le dan click en el botón y cuando le dan enter en el form

mariomon17 · #8 (**permalink**) 17/03/2011, 17:11

Claro, pero no quiero que se submitee, quiero que al pulsar el boton haga esa peticion AJAX.