Publicentral.com - promocion de paginas webpromocion de paginas web
Mostrando Codigo - Javascript
Code

Javascript - Cambio de color en campo de formulario - Si Vacio

Códigos Javascript

Mostramos un campo de formulario con un contenido y color de fondo, una vez eliminado el contenido, este cambia su color.
Visitas: 38,907 - 12/12/2004 13:37:22
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION

Hay que modificar las lineas:

obj.style.backgroundColor = '#color';

con los colores de fondo que queremos.
La primera es el color del campod e formulario vacio, la segunda es cuando el campo de formulario No esta vacio

CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <script type="text/javascript" language="JavaScript">
  2. function comprueba(obj) {
  3.     if (obj.value=='') {
  4.         if ((document.all)||(document.getElementById)) {
  5.             obj.style.backgroundColor = '#999999';
  6.         }
  7.     } else {
  8.         if ((document.all)||(document.getElementById)) {
  9.             obj.style.backgroundColor = '#FFFFFF';
  10.         }
  11.     }
  12. }
  13. </script>
  14. <form action="">
  15.   <input size="30"
  16.     onclick="comprueba(this)"
  17.     onfocus="comprueba(this)"
  18.     onblur="comprueba(this)"
  19.     onchange="comprueba(this)"
  20.     value="Elimina el contenido para cambiar color">
  21. </form>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Cambio de color en campo de formulario - Si Vacio" href="http://www.tutores.org/codigo/1431/" target="_blank">Cambio de color en campo de formulario - Si Vacio</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
26-08-2009 19:38:40
5 5
Exclente aportes este...
Tengo una duda como seria si en vez que cambie en color cuando se borra o se escribe algo, cambie cuando llege a un numero de caractes...

Me explico, quisiera que el campo fuera rojo, pero que cuando el usurio halla puesto mas de 5 caracteres cambie a verde.

Como seria de este modo?

Gracias por la respuesta.
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.