Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » JavaScript » Poner visible o invisible una caja de texto

JavaScript - Poner visible o invisible una caja de texto

Volver
Nuevo Tema
<<>>
 
Vista:

Poner visible o invisible una caja de texto

Publicado por Nuria (1 intervención) el 12/02/2001 13:29:18
Hola, necesito saber como puedo poner visible o invisible una caja de texto cuando le de a una opción del combo-box.
Si podeis contestarme lo antes posible.
Gracias.
Nuria.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Poner visible o invisible una caja de texto

Publicado por Miguelo (3 intervenciones) el 13/02/2001 11:16:59
Aqui te lo paso, es simplemente capturar el evento onChange y ocultarlo, creando una capa para la caja de texto:
<html>
<head>
<script>
function ocultar(){
document.all.capa.style.visibility=\"hidden\";
}
</script>
</head>
<body>
<div id=\"capa\"><input type=\"text\" value=\"Se oculta\"></div>
<select name=\"opciones\" onChange=\"ocultar()\">
<option>opcion1</option>
<option>opcion2</option>
</select>
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Poner visible o invisible una caja de texto

Publicado por Pulido (218 intervenciones) el 13/02/2001 11:57:33
Buenas!
Aqui tienes otra solucion.
La base es similar a la de Miguelo pero te funcionara para explorer y Netscape.
Hay una capa donde se encuentra el textarea, la ocultas o visualizas a partir de la opcion del combo.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script language="JavaScript">
function show(id) {
if (document.layers) document.layers[id].visibility = "show"
else if (document.all) document.all[id].style.visibility = "visible"
}

function hide(id) {
if (document.layers) document.layers[id].visibility = "hide"
else if (document.all) document.all[id].style.visibility = "hidden"
}

function VisTextArea(vis,nombrecapa){
if (vis==1) show(nombrecapa)
else hide(nombrecapa)
}
</script>

<style type="text/css">
<!--
#LyTextArea {position: absolute;left: 50px; top: 50px; width: 150px; height: 80px;background: #bbbbbb; layer-background-color: #bbbbbb;z-index:999;}
-->
</style>
</head>
<body>

<form name="frm" method="post">
<select name="OcultaCombo" onchange="VisTextArea(document.frm.OcultaCombo[document.frm.OcultaCombo.selectedIndex].value,'LyTextArea')">
<OPTION selected value="">selecciona</OPTION>
<OPTION value="1"> Visible</OPTION>
<OPT
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Pulido 2...Continuacion

Publicado por Pulido (218 intervenciones) el 13/02/2001 12:00:30
Cachis! el texto esta limitado...aqui tienes el codigo q falta:
<OPTION value="1"> Visible</OPTION>
<OPTION value="2"> Oculto</OPTION>
</select>
</form>
<br><br>

<div id="LyTextArea">
TextArea:
<form name="frm2" method="post">
<textarea name="TextArea" cols="15" rows="3">Contenido TextArea</textarea>
</form>
</div>

</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar