Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/01/2010, 16:28
lucianonicolas
 
Fecha de Ingreso: enero-2010
Ubicación: Córdoba
Mensajes: 21
Antigüedad: 14 años, 3 meses
Puntos: 1
Información Limpiar formulario


¡Buenas! Les comento, recién estoy empezando con Javascript y este es mi primer script {también mi primer post}. Ahora bien, funciona perfectamente, pero me parece que es demasiado código para algo tan simple {siendo que a modo de prueba sólo existen dos <input>}, así que quería saber si hay forma de mejorar este código, haciéndolo más conciso y reutilizable, así puedo ir mejorando en la forma de programar...

Desde ya muchas gracias.

Código HTML:
Ver original
  1.  <input type="text" name="inputName" id="inputName" value="" />
  2.  <input type="text" name="inputEmail" id="inputEmail" value="" />
  3. </form>

Código Javascript:
Ver original
  1. window.onload = function() {
  2.        
  3.  var valueName = "Nombre";
  4.  var valueEmail = "Email";
  5.            
  6.  var inputName = document.getElementById("inputName");
  7.  var inputEmail = document.getElementById("inputEmail");
  8.            
  9.  inputName.value = valueName;
  10.  inputEmail.value = valueEmail;
  11.            
  12.  function eraseValue() {
  13.   if(this.value == valueName || this.value == valueEmail) {
  14.    this.value = "";
  15.   }
  16.  }
  17.            
  18.  function restoreValue() {
  19.   if(inputName.value == "") {
  20.    this.value = valueName;
  21.   } else if(inputEmail.value == "") {
  22.    this.value = valueEmail;
  23.   }
  24.  }
  25.            
  26.  inputName.onfocus = eraseValue;
  27.  inputEmail.onfocus = eraseValue;
  28.            
  29.  inputName.onblur = restoreValue;
  30.  inputEmail.onblur = restoreValue;
  31.        
  32. }