Ver Mensaje Individual
  #2 (permalink)  
Antiguo 01/10/2009, 15:41
Avatar de SergeMedina
SergeMedina
 
Fecha de Ingreso: septiembre-2007
Ubicación: Guadalajara, Jalisco
Mensajes: 459
Antigüedad: 16 años, 8 meses
Puntos: 20
Respuesta: Envio de formulario con js no intrusivo

Lo que yo he hecho es:
1. Hacer los formularios para que funcionen mediante la forma tradicional. Sin onclicks ni cosas parecidas.
2. Agregarle una clase especial a los elementos que interaccionan con javascript. Ejemplo: "ajax";
3. Cuando el DOM este listo, ejecutar una funcion para agregar eventos a los elementos que tengan la clase especial :
Código javascript:
Ver original
  1. //uso jquery como framework
  2. $(document).ready(function(){
  3.    $('buttonSubmit.ajax').click(function(){
  4.            $.ajax();
  5.            return false;
  6.     })
  7. //si son links
  8.  
  9. $("a.ajax").each(function(){
  10.         h = $(this).attr("href");
  11.         $(this).attr("href", "#");
  12.         $(this).attr("rel",h);
  13.         $(this).removeClass("ajax").addClass("ajax-ready").click(function(){
  14.                   $.ajax()
  15.          });
  16.     });
  17. });

La idea es identificar que elementos interactuan mediante ajax con el servidor, para que mediante eventos gestiones su interaccion. Recuerda primero html, programacion servidor, programacion cliente.

Saludos.
__________________
I see dead pixels

Última edición por SergeMedina; 01/10/2009 a las 15:47