Ver Mensaje Individual
  #8 (permalink)  
Antiguo 14/01/2014, 08:55
Avatar de jordirmz
jordirmz
 
Fecha de Ingreso: enero-2013
Ubicación: Catalunya
Mensajes: 14
Antigüedad: 11 años, 4 meses
Puntos: 1
Respuesta: Insertar imágenes mediante Formulario

Puedes hacerlo a través de javascript:

Código HTML:
Ver original
  1. <script type="text/javascript" language="javascript">
  2. function submitform()
  3. {
  4.     document.getElementById('reset').disabled=true;
  5.     document.getElementById('enviar').disabled=true;    /*Desactiva botones de enviar y resetear*/
  6.     document.getElementById('loading').style.visibility='visible'; /*Muestra el gif*/
  7.     document.getElementById("reset").className = "submit_btn float_l_desactivado";
  8.     document.getElementById("enviar").className = "submit_btn float_l_desactivado"; /*Estas dos líneas están por si quieres modificar la clase de los inputs al desactivarlos (Realmente no son necesarias)*/
  9. }
  10. <style type="text/css">
  11. #loading
  12. {
  13. visibility:hidden;
  14. }
  15.  
  16. <form method="post" name="contact" onsubmit="submitform()"action="mailform.php" enctype="multipart/form-data">
  17.               <table width="396" border="0">
  18.                                   <tr>
  19.                                     <td>
  20.                                       <label for="author">Nombre:</label>
  21.                                     </td>
  22.                                     <td colspan="2"><input name="nombre" type="text" id="nombre" value="" size="30" /></td>
  23.                                  </tr>
  24.                                   <tr>
  25.                                     <td>
  26.                                       <label for="author">Dirección:</label>
  27.                                     </td>
  28.                                     <td colspan="2"><input name="direccion" type="text" id="direccion" value="" size="40" /></td>
  29.                                   </tr>
  30.                                   <tr>
  31.                                     <td>
  32.                                     <label for="author2">Población:</label>
  33.                                     </td>
  34.                                     <td colspan="2"><input name="poblacion" type="text" id="poblacion" value="" size="30" /></td>
  35.                                    </tr>
  36.                                   <tr>
  37.                                     <td>
  38.                                         <label for="author">Email:</label>
  39.                                     </td>
  40.                                     <td colspan="2"><input name="email" type="text" id="email" value="" size="30" /></td>
  41.                                   <tr>
  42.                                     <td><label for="author3">Teléfono:</label>
  43.                                     </td>
  44.                                     <td colspan="2"><input name="telefono" type="text" id="telefono" value="" size="15" /></td>
  45.                 </tr>
  46. <tr>
  47.                                       <td><label for="author4">Asunto:</label>
  48.                                     </td>
  49.                                       <td colspan="2"><input name="asunto" type="text" id="asunto" value="" size="30" /></td>
  50.                 </tr>
  51.                                   <tr>
  52.                                     <td colspan="3">
  53.                                     <label for="text2">Mensaje:</label></td>
  54.                                   </tr>
  55.               <tr>
  56.                 <td colspan="3">
  57.                 <textarea id="mensaje" name="mensaje" rows="9" cols="45" class="required"></textarea>
  58.                 </td>
  59.               </tr>
  60.                                 <tr>
  61.                                       <td colspan="3">&nbsp;</td>
  62.                                 </tr>
  63.              
  64.               <tr>
  65.                 <td width="80">
  66.                     <input type="submit" value="Enviar" id="enviar" name="enviar" class="submit_btn float_l" /></td>
  67.                 <td width="160"><img src="[Ruta de tu gif]" alt="Cargando..." width="32px" height="32px" id="loading" />&nbsp;</td>
  68.                 <td width="161" align="left"><input type="reset" value="Borrar" id="reset" name="reset" class="submit_btn float_r" /></td>
  69.               </tr>
  70.               </table>
  71.             </form>

No lo he probado, supongo que te funcionará.
Ten en cuenta el onsubmit, el código javascript y la imagen.


Saludos