colos de fondo textbox

necu · #1 (**permalink**) 07/03/2005, 08:31

hola amigos:

tengo una consulta, tengo dos funciones que me realizan el cambio de color de fondo de un textbox al hacer click sobre el, que son las siguientes:

Código HTML:

function fondo_textbox1()
{
document.catego.cate_nuevo.style.backgroundColor='white';
}
function fondo_textbox2()
{
document.catego.cate_nuevo.style.backgroundColor='#FFFF99';
}

y el textbox coloco esto:

Código HTML:

onBlur="fondo_textbox1();" onFocus="fondo_textbox2();"

asi funciona correctamente pero solo para un textbox, pero el problema es si tengo un formulario con x textbox tendria que realizar esas funciones para cada textbox, como lo puedo hacer para utilizar esas dos funciones para los x texbox que tenga en mi formulario.

espero me me entiendan desde ya muchas gracias a todos.

JavierB · #2 (**permalink**) 07/03/2005, 10:29

Hola necu

Podrías dejar las funciones así:

Código PHP:

  function fondo_textbox1(obj) 
{ 
obj.style.backgroundColor='white'; 
} 
function fondo_textbox2(obj) 
{ 
obj.style.backgroundColor='#FFFF99'; 
}

Y llamarlas de esta forma:

Código:

onblur="fondo_textbox2(this)" onfocus="fondo_textbox1(this)

Saludos,

necu · #3 (**permalink**) 11/03/2005, 13:57

amigo funciona a la perfeccion gracias por tu ayuda me solucionaste el problema

adios

thunder.scripts · #4 (**permalink**) 11/03/2005, 15:39

Ya sé que ya lo solucionaste, pero le puede servir a alguien. También lo podés hacer con css:

Código HTML:

<style type="text/css">
input[type=text]:focus {
   background-color: #FFFFFF;
} 

input[type=text] {
   background-color: #FFFF99;
} 
</style>

Lo bueno es que funciona aunque deshabiliten javascript, y te lo aplica directamente a todos los input del documento. Si querés restringirlo a alguno en especial, podés ponerle el atributo class al input y listo, ej:

Código HTML:

...
<style type="text/css">
.inputtext input[type=text]:focus {
   background-color: #FFFFFF;
} 

.inputtext input[type=text] {
   background-color: #FFFF99;
} 
</style>
</head>
<body>
<input type="text" class="inputtext">
...