PROBLEMA AL CAMBIARLE LA CLASE A UN INPUT
Publicado por Boni (4 intervenciones) el 03/10/2006 22:51:51
bueno, yo tengo el siguiente codigo:
<html>
<head>
<style>
.deshabilitado {
background: #000000
}
.habilitado {
background: #FFFFFF
}
</style>
<script type="text/javascript">
function cambiar(numero){
//objetos del array, textitos
var variaciones = new Array(
"Hola",
"Como andas ?",
"Lalalala"
)
//codigo
limite = variaciones.length
for(i=1;i<=limite;i=i+1)
{
if(i!=numero){
campo = "campo"+i
document.getElementById(campo).value = ""
document.getElementById(campo).height = 1
document.getElementById(campo).class = "deshabilitado"
}else{
campo = "campo"+numero
document.getElementById(campo).value = variaciones[i-1]
document.getElementById(campo).height = 20
document.getElementById(campo).class = "habilitado"
}}}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<p>
<input name="campo1" type="text" onmouseover="cambiar('1')" class="habilitado" />
<br />
<input name="campo2" type="text" onmouseover="cambiar('2')" class="habilitado" />
<br />
<input name="campo3" type="text" onmouseover="cambiar('3')" class="habilitado" />
<br />
</p>
</form>
</body>
</html>
BUENO, SE QUE ES LARGO, PERO LES EXPLICO EL PROBLEMA, YO QUIERO QUE SE CAMBIE EL COLOR DE FONDO DE LOS CAMPOS DESHABLITADOS A NEGRO, PERO ME TIRA UN ERROR "Se esperaba un objeto"... por lo que el color de fondo no se cambia..
ESPERO QUE ME PUEDAN AYUDAR, GRACIAS
<html>
<head>
<style>
.deshabilitado {
background: #000000
}
.habilitado {
background: #FFFFFF
}
</style>
<script type="text/javascript">
function cambiar(numero){
//objetos del array, textitos
var variaciones = new Array(
"Hola",
"Como andas ?",
"Lalalala"
)
//codigo
limite = variaciones.length
for(i=1;i<=limite;i=i+1)
{
if(i!=numero){
campo = "campo"+i
document.getElementById(campo).value = ""
document.getElementById(campo).height = 1
document.getElementById(campo).class = "deshabilitado"
}else{
campo = "campo"+numero
document.getElementById(campo).value = variaciones[i-1]
document.getElementById(campo).height = 20
document.getElementById(campo).class = "habilitado"
}}}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<p>
<input name="campo1" type="text" onmouseover="cambiar('1')" class="habilitado" />
<br />
<input name="campo2" type="text" onmouseover="cambiar('2')" class="habilitado" />
<br />
<input name="campo3" type="text" onmouseover="cambiar('3')" class="habilitado" />
<br />
</p>
</form>
</body>
</html>
BUENO, SE QUE ES LARGO, PERO LES EXPLICO EL PROBLEMA, YO QUIERO QUE SE CAMBIE EL COLOR DE FONDO DE LOS CAMPOS DESHABLITADOS A NEGRO, PERO ME TIRA UN ERROR "Se esperaba un objeto"... por lo que el color de fondo no se cambia..
ESPERO QUE ME PUEDAN AYUDAR, GRACIAS
Valora esta pregunta
0