Cambiar estilo..

[julruiz]

Cordial saludo..

Mi situación es la siguiente, tengo un campo tipo text y otro tipo button

Código:

<input type="text" class="estilo1">
<input type="button" onClick="">

Necesito que cuando de clic en el botón, el estilo del campo de texto lo cambie al estilo estilo2. ¿COMO LO HAGO?

[rProgged]

Hola,

Eso lo puedes hacer en el evento onClick del botón, primero que todo debes darle un id a tu campo de texto. Quedaria así:

<input type="text" class="estilo1" id="texto">
<input type="button" onClick="miFuncion();">

y en mi función accederias a ese campo mediante el id, seria algo así:

function miFuncion()
{
var text = document.getElementById("texto");
//ahora que haz accedido al campo de texto puedes cambiar el estilo
text.style["width"] = "100";
text.style["height"] = "25";
//y así vas cambiando lo que necesites
}

Yo la vedad no he podido cambiar efectivamente el atributo class, podrias probar pero personalmente no me ha funcionado por lo que ocupo el método que escribí recien.

Ojalá te ayude, si tienes dudas o cualquier cosa estoy a tu disposición.

Saludos,

Rodrigo

[JavierB]

Hola julruiz y rProgged

Para cambiar el atributo class hay que utilizar className

Código:

<input type="button" onclick="document.getElementById('texto').className = 'estilo2'">

Saludos,

[rProgged]

Muchas gracias javierB, siempre tan oportuno son los aportes.

Chaus,

Rodrigo

[julruiz]

muchas gracias a ambos... me ayudado mucho sus intervenciones...