Ocultar campos de un formulario
Wenas,
Tengo un problemilla. Necesito saber como se pueden ocultar campos de un formulario en NetScape sin tener que ocultarlo entero.
Para IE me funciona, pero para NetScape solo me lo deja ocultarlo completo.
Ahí va el código por si a alguien se le ocurre algo:
<html>
<head>
<title>Untitled</title>
<script language="javascript">
var capa
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
function init() {
if (ns4) {
capa = document.capa1
}
if (ie4) {
capa = capa1.style
}
}
function muestra(obj)
{
if (ns4) obj.visibility = "show"
else if (ie4) obj.visibility = "visible"
}
function oculta(obj) {
if (ns4) obj.visibility = "hide"
else if (ie4) obj.visibility = "hidden"
}
</script>
</head>
<body onload="init()">
<div id="CapaNormal" style="position:absolute;left:50; top:250;
background-color:pink;"><a href="#" OnMouseOver="muestra(capa)"
OnMouseOut="oculta(capa)">Ponte encima</a>...</div>
<form name="formMusica">
<center>
<table cellpadding="2" cellspacing="0" border="0" align="center">
<tr>
<td height="50">
<div id="capa1" style= "visibility:hidden">
<select name="tipo">
<option value="0">elige un tipo de música</option>
<option value="rock">rock</option>
<option value="rock">pop</option>
<option value="rock">heavi</option>
</select>
</div>
</td>
<td align="right">
<select name="anyos">
<option value="0">elige años</option>
<option value="rock">1970/1980</option>
<option value="rock">1980/1990</option>
<option value="rock">1990/2000</option>
</select>
</td>
</tr>
<tr>
<td>tu grupo preferido:</td>
<td><input type="text" name="grupo" size="20"></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><input type="button" name="boton" value="BUSCAR" size="20"></td>
</tr>
</table>
</center>
</form>
</body>
</html>
Muchas gracias
Mónica.
Tengo un problemilla. Necesito saber como se pueden ocultar campos de un formulario en NetScape sin tener que ocultarlo entero.
Para IE me funciona, pero para NetScape solo me lo deja ocultarlo completo.
Ahí va el código por si a alguien se le ocurre algo:
<html>
<head>
<title>Untitled</title>
<script language="javascript">
var capa
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
function init() {
if (ns4) {
capa = document.capa1
}
if (ie4) {
capa = capa1.style
}
}
function muestra(obj)
{
if (ns4) obj.visibility = "show"
else if (ie4) obj.visibility = "visible"
}
function oculta(obj) {
if (ns4) obj.visibility = "hide"
else if (ie4) obj.visibility = "hidden"
}
</script>
</head>
<body onload="init()">
<div id="CapaNormal" style="position:absolute;left:50; top:250;
background-color:pink;"><a href="#" OnMouseOver="muestra(capa)"
OnMouseOut="oculta(capa)">Ponte encima</a>...</div>
<form name="formMusica">
<center>
<table cellpadding="2" cellspacing="0" border="0" align="center">
<tr>
<td height="50">
<div id="capa1" style= "visibility:hidden">
<select name="tipo">
<option value="0">elige un tipo de música</option>
<option value="rock">rock</option>
<option value="rock">pop</option>
<option value="rock">heavi</option>
</select>
</div>
</td>
<td align="right">
<select name="anyos">
<option value="0">elige años</option>
<option value="rock">1970/1980</option>
<option value="rock">1980/1990</option>
<option value="rock">1990/2000</option>
</select>
</td>
</tr>
<tr>
<td>tu grupo preferido:</td>
<td><input type="text" name="grupo" size="20"></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><input type="button" name="boton" value="BUSCAR" size="20"></td>
</tr>
</table>
</center>
</form>
</body>
</html>
Muchas gracias
Mónica.