Ayuda para deshabilitar un campo

Teje79 · #1 (**permalink**) 01/06/2009, 03:02

Buenas a todos, soy nuevo por aquí y necesitaría un poco de vuestra ayuda.

Lo que quiero hacer es que un campo de un formulario se deshabilite al escribir en otro campo, bueno, lo que realmente necesito saber es que evento de javascript tengo que usar.

Muchas gracias de antemano.

quimfv · #2 (**permalink**) 01/06/2009, 04:41

Código HTML:

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
function inhabilita(obj){
	if(obj.value.length>0){
		document.getElementById("campo2").style.display='none';
	}else{
		document.getElementById("campo2").style.display='block';
	}
}
</script>
</head>
<body>
<input name="campo1" type="text" id="campo1" onBlur="inhabilita(this)">
<br>
<input name="campo2" type="text" id="campo2">
</body>
</html>

Ojo!!! lo que hace es esconder el segundo input no es exactamente lo que pedias pero puede servir...

Quim

quimfv · #3 (**permalink**) 01/06/2009, 04:52

Código HTML:

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
function inhabilita(obj){
	if(obj.value.length>0){
		document.getElementById("campo2").disabled=true;
	}else{
		document.getElementById("campo2").disabled=false;
	}
}
</script>
</head>
<body>
<input name="campo1" type="text" id="campo1" onChange="inhabilita(this)">
<br>
<input name="campo2" type="text" id="campo2">
</body>
</html>

Mejor?

Quim

JavierB · #4 (**permalink**) 01/06/2009, 06:01

Hola a todos:

¿Mejor aún?:

Código javascript:

Ver original<html>
<head>
</head>
<body>
<form>
<input name="campo1" type="text" id="campo1" onkeyup="campo2.disabled=this.value!=''">
<br>
<input name="campo2" type="text" id="campo2">
</form>
</body>
</html>

Bienvenido Teje79

Saludos,

quimfv · #5 (**permalink**) 01/06/2009, 06:16

Si si mejor aún!!!

y por supuesto bienvenido Teje79!!

Quim

Teje79 · #6 (**permalink**) 03/06/2009, 02:26

Muchas gracias por la ayuda pero me surge una duda más, realmente que diferencia hay entre un onkeypress y el onkeyup?

quimfv · #7 (**permalink**) 03/06/2009, 06:01

El momento en que se produce el evento....

onkeypress ---> cuando se presione una tecla

onkeyup ----> cuando tecla arriba ---> cuando se suelte una tecla presionada

como su nombre indica.

Quim

Teje79 · #8 (**permalink**) 05/06/2009, 01:27

Gracias por la respuesta pero no es eso lo que quiero saber, en la práctica que diferencias hay, no se si me podríais poner un ejemplo de una situación en la que sea mejor usar uno o el otro.

Muchas gracias de nuevo.

quimfv · #9 (**permalink**) 05/06/2009, 04:12

No se me ocurre, espero que alguien con mas conocimientos que yo nos pueda ilustrar con algun ejemplo.

Pero lo importante es que son dos momentos distintos, con lo que se podrian ejecutar acciones distintas, en que caso práctico se podria usar ya te digo ahora no se me ocurre....

Quim

quimfv · #10 (**permalink**) 05/06/2009, 04:38

Ahí va un ejemplo bastante inútil pero....

Código html:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
var lletra;
function mostralletra(e){
var keynum;
if(window.event) // IE
  {
  keynum = e.keyCode;
  }
else if(e.which) // Netscape/Firefox/Opera
  {
  keynum = e.which;
  }
lletra = String.fromCharCode(keynum);
document.getElementById("visor").innerHTML=lletra;
 
}
function afegeixlletra(){
document.getElementById("texte").innerHTML+=lletra;
document.getElementById("visor").innerHTML="&nbsp;";
}
</script>
<style type="text/css">
<!--
.unnamed1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
}
-->
</style>
</head>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td><input name="camp" type="text" id="camp" onKeyPress="mostralletra(event)" onKeyUp="afegeixlletra()"></td>
  </tr>
  <tr>
    <td id="visor" class="unnamed1">&nbsp;</td>
  </tr>
  <tr>
    <td id="texte"></td>
  </tr>
</table>
 
 
</body>
</html>

Cuando la tecla esta presionada se muestra el caràcter en una zona del documento y cuando se suelta se agrega al texto de otra zona...

Quim

JavatoSript · #11 (**permalink**) 05/06/2009, 05:15

una pregunta gente,

sempre usais el display:none en vez de visibility: hidden ?

es lo mismo? que diferencia?

gracias.

Teje79 · #12 (**permalink**) 08/06/2009, 02:03

Muchas gracias pro la ayuda.