Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Formulario mootools 1.1.1 a 1.2.1

Estas en el tema de Formulario mootools 1.1.1 a 1.2.1 en el foro de Frameworks JS en Foros del Web. Hola que tal!! tengo un problema espero puedan ayudarme. resulta que hace un tiempo hice un formulario con mootools 1.1.1 y me funciono perfecto, pero ...
  #1 (permalink)  
Antiguo 14/04/2009, 13:01
Avatar de ajalex  
Fecha de Ingreso: agosto-2003
Mensajes: 122
Antigüedad: 21 años, 4 meses
Puntos: 0
Exclamación Formulario mootools 1.1.1 a 1.2.1

Hola que tal!!

tengo un problema espero puedan ayudarme.

resulta que hace un tiempo hice un formulario con mootools 1.1.1 y me funciono perfecto, pero ahora actualize a motools 1.2.1 porque encontre un slider de imagenes pero esta solo para la v 1.2.1 y ya no funciona mi formulario... no se mucho de ajax, con trabajos e hice el anterior y ahora no se que onda con este.... alguien que me pueda ayudar a cambiar mi js anterior a 1.2.1???

les dejo el codigo:
Código JavaScript:
Ver original
  1. var show = function(ev,t,v) {
  2.    
  3.     ev.effect('opacity',    {
  4.     duration: 700,
  5.     onComplete: function(){
  6.        
  7.         if(v!=1) {
  8.             ev.setProperties({ 'class': 'stop' }); 
  9.         } else {
  10.            
  11.             ev.removeProperty('class');
  12.         }
  13.        
  14.        
  15.         ev.setHTML(t).effect('opacity', {duration: 700}).start(0,1);
  16.        
  17.     }
  18.     }).start(1,0);
  19.    
  20.    
  21. }
  22. var validar = function (c) {
  23.    
  24. if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(c)){
  25.    
  26.     return 1; } else { return 0; }
  27.          
  28. }
  29. window.addEvent('domready', function() {
  30.     var c = $('contacto');
  31.     var msj = $('mensajes');
  32.    
  33.     c.addEvent('submit', function(ev)
  34.     {
  35.         new Event(ev).stop();
  36.         if(c.nombre.value == '') {
  37.             show(msj,'<img src="images/alert.png"/><br>No agregaste tu nombre');
  38.         }
  39.         else if(c.email.value == '') {
  40.             show(msj,'<img src="images/alert.png"/><br>No has agregado tu correo electr&oacute;nico'); 
  41.         }
  42.         else if(validar(c.email.value)==0) {
  43.             show(msj,'<img src="images/alert.png"/><br>El correo electr&oacute;nico que a&ntilde;adiste no es v&aacute;lido');     
  44.         }
  45.         else if(c.depto.value == '') {
  46.             show(msj,'<img src="images/alert.png"/><br>Debes Seleccionar un departamento a contactar');
  47.         }
  48.         else if(c.asunto.value == '') {
  49.             show(msj,'<img src="images/alert.png"/><br>No has agregado un asunto');
  50.         }
  51.         else if(c.mensaje.value == '') {
  52.             show(msj,'<img src="images/alert.png"/><br>No has escrito un mensaje');
  53.         } else {
  54.             show(msj,'<img src="images/spinner.gif" alt="" /><br>Enviando...');
  55.         var contact = new Ajax('includes/send-mail.php',
  56.         {
  57.             method: 'post',
  58.             data:c,
  59.             onComplete: function(ev) {
  60.                 show(msj,'<img src="images/okfull.png" alt="" width="50" height="50" /><br>Se ha enviado con &eacute;xito, el mensaje, en un lapso no mayor a 24 horas nos pondremos en contacto<br><strong>Gracias</strong>');
  61.             }
  62.         });
  63.         contact.request();
  64.         }
  65.     });
  66.  
  67.         });
  #2 (permalink)  
Antiguo 14/04/2009, 15:48
Avatar de ajalex  
Fecha de Ingreso: agosto-2003
Mensajes: 122
Antigüedad: 21 años, 4 meses
Puntos: 0
Respuesta: Formulario mootools 1.1.1 a 1.2.1

Hola nuevamente, ya arregle elproblema, tube que cambiar varias cosas, bueno les dejo el js por si alguien lo ocupa!! saludos
Código JavaScript:
Ver original
  1. var show = function(ev,t,v) {
  2.    
  3.     ev.get('tween', {
  4.     property: 'opacity',
  5.     duration: 700,
  6.     onComplete: function(){
  7.        
  8.         if(v!=1) {
  9.             ev.setProperties({ 'class': 'stop' }); 
  10.         } else {
  11.            
  12.             ev.removeProperty('class');
  13.         }  
  14.         ev.set('html',t).get('tween', {property: 'opacity', duration: 'long'}).start(0,1);
  15.     }
  16.     }).start(1,0);
  17. }
  18. var validar = function (c) {
  19.    
  20. if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(c)){
  21.    
  22.     return 1; } else { return 0; }
  23.          
  24. }
  25. window.addEvent('domready', function() {
  26.     var c = $('contacto');
  27.     var msj = $('mensajes');
  28.    
  29.     c.addEvent('submit', function(ev)
  30.     {
  31.         new Event(ev).stop();
  32.         if(c.nombre.value == '') {
  33.             show(msj,'<img src="images/alert.png"/><br>No agregaste tu nombre');
  34.         }
  35.         else if(c.email.value == '') {
  36.             show(msj,'<img src="images/alert.png"/><br>No has agregado tu correo electr&oacute;nico'); 
  37.         }
  38.         else if(validar(c.email.value)==0) {
  39.             show(msj,'<img src="images/alert.png"/><br>El correo electr&oacute;nico que a&ntilde;adiste no es v&aacute;lido');     
  40.         }
  41.         else if(c.depto.value == '') {
  42.             show(msj,'<img src="images/alert.png"/><br>Debes Seleccionar un departamento a contactar');
  43.         }
  44.         else if(c.asunto.value == '') {
  45.             show(msj,'<img src="images/alert.png"/><br>No has agregado un asunto');
  46.         }
  47.         else if(c.mensaje.value == '') {
  48.             show(msj,'<img src="images/alert.png"/><br>No has escrito un mensaje');
  49.         } else {
  50.     var contacto = new Request({
  51.         url: 'includes/send-mail.php',
  52.         method: 'post',
  53.         data:c,
  54.         onRequest: function()
  55.         {
  56.             c.botonenvio.value = 'Enviar mensaje';
  57.             c.botonenvio.disabled = true;
  58.             show(msj,'<img src="images/spinner.gif" alt="" /><br>Enviando...');
  59.         },
  60.         onComplete: function(ev)
  61.         {
  62.             show(msj,'<img src="images/okfull.png" alt="" width="50" height="50" /><br>Se ha enviado con &eacute;xito, el mensaje, en un lapso no mayor a 24 horas nos pondremos en contacto<br><strong>Gracias</strong>');
  63.             c.botonenvio.disabled = false;
  64.             c.botonenvio.value = 'Enviar Otro mensaje';
  65.         }
  66.     }).send();
  67.         }
  68.     });
  69. });

Última edición por ajalex; 14/04/2009 a las 16:19
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:51.