Habilitar / deshabilitar input pasándole foco con checkbox

tampon · #1 (**permalink**) 12/10/2009, 17:33

Hola buenas, hice una pequeña funcion para habilitar y desabilitar un campo de texto, funciona bien pero aun que tambien funciona en IE marca un error al desactivar el campo checkbox, no afecta al funcionamiento pero se ve mal el mensaje de alerta abajo, ¿como puedo arreglar esto? y otra cosa me surgio la idea que al desactivar el checkbox tambien limpie el campo de texto que tiene relacionado, entonces.. ¿como hago estas dos cosas? supongo que metiendole un unchecked a la funcion pero no se me ocurre como seria la sintaxis.

Código html:

Ver original<html>
<head>
 
<script>
function foco1(){
    document.formulario.eva.focus();
}
</script>
 
</head>
<body>
 
<form name="formulario">
<input type="checkbox" onClick="JavaScript:document.formulario.eva.disabled = !this.checked;foco1()" />
<input type="text" name="eva" disabled />
</form>
 
</body>
</html>

de antemano gracias.

zerokilled · #2 (**permalink**) 12/10/2009, 17:40

para vaciar el texto de un textbox, simplemente tienes que asignarle un string vacio a la propiedad value, por supuesto del textbox.
el error en iexplorer es porque "estas intentado darle foco a un elemento que no acepta foco o que esta invisble". asi lo dice iexplorer8 pero en tu caso particular es porque el campo esta inhabilitado.

supongo que es suficiente informacion para que puedas resolverlo por ti mismo, suerte.

tampon · #3 (**permalink**) 12/10/2009, 17:43

entonces siempre me va a dar ese error en ie8?

zerokilled · #4 (**permalink**) 12/10/2009, 17:51

no si lo trabajas. lo que tienes que hacer es determinar si el textbox esta inhabilitado antes de ponerle foco, o tener el codigo en un try/catch para cuando suceda el error no te aparezca el mensaje.

comentario adicional. no veo la razon de porque poner al principio "JavaScript:" o "javascript:", incluso puedes poner cualquier otra cosa y seguira siendo valido. intenta poner por ejemplo tu nombre. tal cosa no tiene el mismo efecto si fuera el caso de poner el codigo en un href o la barra de direccion. en este caso estas creando un label para ser usando con break o continue. en realidad no va afectar tu codigo pero vale la pena señalarlo para evitar confusion.

tampon · #5 (**permalink**) 12/10/2009, 17:57

ok gracias

tampon · #6 (**permalink**) 13/10/2009, 12:06

Bueno volviendo al tema, aun no logro hacerlo me manda error en este codigo que hice.

Código html:

Ver original<html>
<head>
 
<script>
function foco1(){
var chek = document.formulario.chkbx1
    if (chek.checked == true) {
        document.formulario.eva.enabled
        document.formulario.eva.focus();
    }else{
        document.formulario.eva.value="";
        document.formulario.eva.disabled
    }
}
</script>
 
</head>
<body>
 
<form name="formulario">
<input type="checkbox" nane="chkbx1" onClick="foco1()" />
<input type="text" name="eva" disabled />
</form>
 
</body>
</html>

Alguien me podria echar una mano con esto?

gracias de antemano!

zerokilled · #7 (**permalink**) 13/10/2009, 12:15

rayos, ahora le añadistes mas errores que antes

Código:

// te fallan las siguientes lineas y estan marcadas en bold;
<input type="checkbox" nane="chkbx1" onClick="foco1()" />

// enabled no existe;
        document.formulario.eva.enabled

// incompleto, tienes que asignarle un boolean;
        document.formulario.eva.disabled

tampon · #8 (**permalink**) 13/10/2009, 12:37

Ok si me estaba equivocando mucho , peor gracias ya quedo bien.

Código html:

Ver original<html>
<head>
 
<script>
function foco1(){
var chek = document.formulario.chkbx1
    if (chek.checked == true) {
        document.formulario.eva.disabled = false;
        document.formulario.eva.focus();
    }else{
        document.formulario.eva.value="";
        document.formulario.eva.disabled
    }
}
</script>
 
</head>
<body>
 
<form name="formulario">
<input type="checkbox" name="chkbx1" onClick="foco1()" />
<input type="text" name="eva" disabled />
</form>
 
</body>
</html>

saludos!

zerokilled · #9 (**permalink**) 13/10/2009, 12:49

aun te falta corregir la linea #12.