He creado el siguiente html para luego integrarlo en el código de mi aplicación:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<script type="text/javascript">
function visualizar() {
document.getElementById("div1").style.visibility=' visible';
document.getElementById("div2").style.visibility=' hidden';
}
function visualizar2() {
document.getElementById("div1").style.visibility=' hidden';
document.getElementById("div2").style.visibility=' visible';
}
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<select id="sel1">
<option onclick="visualizar2();" value="0" >0</option>
<option onclick="visualizar();" value="1" >1</option>
</select>
<div id="div1" style="visibility:hidden;">
<select>
<option id="op1" value="A" >A</option>
<option id="op2" value="B" >B</option>
</select>
</div>
<div id="div2" style="visibility:hidden;">
<select>
<option id="op1" value="C" >C</option>
<option id="op2" value="D" >D</option>
</select>
</div>
</body>
</html>
Sale una lista que según pincho en 0 o 1 me divualiza un checklist u otro.
En firefox va bien, pero internet explores no va...¿Como puedo solucionarlo?
Y otro pregunta, como hago para que los diferentes div esten en el mismo sitio y no uno detras del otro.
Muchas gracias.
)
