« anterior próximo »
Páginas: [1]   Ir Abajo

Autor Tema: jQuery Form Plugin + multiples formularios.  (Leído 6237 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado vlad

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 6351
    • Qualium.net
jQuery Form Plugin + multiples formularios.
« : febrero 20, 2009, 02:26:46 pm »
Mi problema es tratar de usar jQuery Form Plugin para multiples formularios (dinamicamente creados).

Sobre todo por el hecho de que me imagino que cada formulario y boton tiene que tener un id unico, y aunque generar eso no es mucho problema, el jscript resultante sería bastante grande en algunos casos.

Por eso, me preguntaba si no hay alguna forma mas eficiente, digamos, poner una sola vez esto:

  $('#myForm').ajaxForm(function() {
                alert("Thank you for your comment!");
            });

Alguna forma de poder, digamos, recorrer todos los formularios para ejecutar esa función?.

Ej. (p-code)

For Each Form In Forms {
  $('#'+Form+'').ajaxForm(function() {
                alert("Thank you for your comment!");
            });
}

Asi los inicio todos de una vez en un loop y no uno por uno repitiendo el codigo una y otra vez x_x


Gracias de antemano!.


PD: Web del plugin: http://malsup.com/jquery/form/
En línea

Desconectado rdoggsv

  • Administrator
  • The Communiter-
  • *
  • Mensajes: 6530
  • "Once you go arch , u never go back"
    • SV CommunitY
Re: jQuery Form Plugin + multiples formularios.
« Respuesta #1 : febrero 20, 2009, 02:33:33 pm »
no te parece la idea por ejemplo de ponerle una clase a los formularios para luego obtener todos los forms con esa clase y asi aplicarles tu funcion ??
En línea

Desconectado vlad

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 6351
    • Qualium.net
Re: jQuery Form Plugin + multiples formularios.
« Respuesta #2 : febrero 20, 2009, 02:42:18 pm »
Cualquier solución que funcione es válida para mi :)

Ej. lo que decis podria ser:

$(".formularios").ajaxForm()

Con:
<form class="formularios" id="1"... />
<form class="formularios" id="2"... />
<form class="formularios" id="3"... />
<form class="formularios" id="4"... />
<form class="formularios" id="5"... />

?
En línea

Desconectado Ideas

  • Sv Member
  • ***
  • Mensajes: 315
  • Jujuy huyo con mis riguas!!
Re: jQuery Form Plugin + multiples formularios.
« Respuesta #3 : febrero 20, 2009, 05:49:40 pm »
Cita de: Vlad en febrero 20, 2009, 02:26:46 pm
Alguna forma de poder, digamos, recorrer todos los formularios para ejecutar esa función?.

Ej. (p-code)

For Each Form In Forms {
  $('#'+Form+'').ajaxForm(function() {
                alert("Thank you for your comment!");
            });
}

Asi los inicio todos de una vez en un loop y no uno por uno repitiendo el codigo una y otra vez x_x

De ese plugin no te puedo hablar, no lo uso, pero digamos, si queres iniciar todas las formas y digamos por ejemplo al hacer submit todas te tienen dar la funcion de agradecer por el comentario, yo lo haria algo asi:

le agrege la referencia al id en el mensaje para que veas que formulario es el que estas ejecutando.


*********************

$(document).ready(iniciar);

function iniciar()
{
    var x=$("form");
    x.each(funcionindividual);   
}
function funcionindividual()
{
    var x=$(this);
    x.bind("submit", function(){alert("gracias de parte de: "+(this).getAttribute("id"))});
   
}

*****************
En línea
Juass

Desconectado vlad

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 6351
    • Qualium.net
Re: jQuery Form Plugin + multiples formularios.
« Respuesta #4 : febrero 22, 2009, 07:18:03 am »
Gracias, me has dado una buena idea!, ya lo pruebo!.

PD: realmente no es un Alert lo que va a mostrar, si no que hara un POST con una información y una imagen, aunque eso no es el problema :)
En línea

Desconectado rdoggsv

  • Administrator
  • The Communiter-
  • *
  • Mensajes: 6530
  • "Once you go arch , u never go back"
    • SV CommunitY
Re: jQuery Form Plugin + multiples formularios.
« Respuesta #5 : febrero 23, 2009, 09:19:24 am »
Código: [Seleccionar]
<html>
<head>
<script type="text/javascript"
        src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("jquery", "1.3.1");
 
  google.setOnLoadCallback(function() {
    // Place init code here instead of $(document).ready()
   
  });
</script>
</head>
<body>
<form class="ajaxme" id="form1" action="/">
</form>
<form class="ajaxme" id="form2" action="/">
</form>
<form class="ajaxme" id="form3" action="/">
</form>
<form class="ajaxme" id="form4" action="/">
</form>
</body>

</html>
Con este codigo despues proba en tu consola de firebug algo asi como

Código: [Seleccionar]
$('.ajaxme').each(function(i){alert(this.id)})
Y vas a ver como alerta los id de los 4 forms, en lugar de alert vos podes poner tu

Código: [Seleccionar]
this.ajaxForm(function() {
                alert("Thank you for your comment!");
            });
En línea

Desconectado vlad

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 6351
    • Qualium.net
Re: jQuery Form Plugin + multiples formularios.
« Respuesta #6 : febrero 23, 2009, 10:03:03 am »
Perfecto, muchas gracias de nuevo!.
En línea
Páginas: [1]   Ir Arriba
« anterior próximo »