Ver Mensaje Individual
  #3 (permalink)  
Antiguo 14/04/2011, 16:31
Avatar de VbOkonly
VbOkonly
 
Fecha de Ingreso: julio-2009
Ubicación: San Justo, Buenos Aires, Argentina
Mensajes: 490
Antigüedad: 14 años, 10 meses
Puntos: 5
Respuesta: PHP y Javascript

y con jQuery? mira, tengo esto que encontre en una planilla en html:

header:

Código Javascript:
Ver original
  1. <script type="text/javascript" src="jquery.js"></script>
  2. <script type="text/javascript">
  3. // <![CDATA[
  4. jQuery(document).ready(function(){
  5.     $('#contactform').submit(function(){                 
  6.         var action = $(this).attr('action');
  7.         $.post(action, {
  8.             name: $('#name').val(),
  9.             email: $('#email').val(),
  10.             company: $('#company').val(),
  11.             subject: $('#subject').val(),
  12.             message: $('#message').val()
  13.         },
  14.             function(data){
  15.                 $('#contactform #submit').attr('disabled','');
  16.                 $('.response').remove();
  17.                 $('#contactform').before('<p class="response">'+data+'</p>');
  18.                 $('.response').slideDown();
  19.                 if(data=='Mensaje enviado!') $('#contactform').slideUp();
  20.             }
  21.         );
  22.         return false;
  23.     });
  24. });
  25. // ]]>
  26. </script>


en el body:

Código HTML:
Ver original
  1. <div id="bloqueomain">
  2. <form action="contact.php" method="post" id="contactform">
  3.           <ol>
  4.             <li>
  5.               <label for="name">Su nombre <span class="red">*</span></label>
  6.               <input id="name" name="name" class="text" />
  7.             </li>
  8.             <li>
  9.               <label for="email">Su e-mail <span class="red">*</span></label>
  10.               <input id="email" name="email" class="text" />
  11.             </li>
  12.             <li>
  13.               <label for="company">Nacionalidad</label>
  14.               <input id="company" name="company" class="text" />
  15.             </li>
  16.             <li>
  17.               <label for="subject">asunto</label>
  18.               <input id="subject" name="subject" class="text" />
  19.             </li>
  20.             <li>
  21.               <label for="message">Mensaje <span class="red">*</span></label>
  22.               <textarea id="message" name="message" rows="6" cols="50"></textarea>
  23.             </li>
  24.             <li class="buttons">
  25.               <input type="image" name="imageField" id="imageField" src="Images/SEnd.gif" />
  26.             </li>
  27.           </ol>
  28.         </form>
  29.         <br />
  30. <a href="index.php"><br />
  31. <br />
  32. <br />
  33. Ir a la pagina principal.</a><br />
  34. <br />
  35. <br />
  36. </div>

Eso provoca que cuando envias, haga como un slide que se suba, si es incorrecto, no se mueve, pero como jquery es una plataforma y trabaja con funciones nose como hacer para que se quede quieto xD o por lo menos, me refresque la pagina ...