Buenas,
La verdad no sé que estoy haciendo mal.
Estabamos haciendo una web con un amigo, y hice un script (bastante simple) para un select.
El problema con el script es que funciona perfectamente en Internet Explorer, pero hasta ahí llegó... no funciona en Firefox, tampoco en Chrome ni en Safari (no tuve oportunidad de probar en Opera).
Debajo les dejo el codigo de la parte de Javascript de la web. También esta en internet, ya online, pero no sé si puedo poner links.
Codigo:
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<script type="text/javascript">
//Ocultar/Mostrar Div's
var OCULTO="none";
var VISIBLE="block";
var last="";
function mostrar(blo)
{
if(blo != "")
{
if(last!="")
{ document.getElementById(last).style.display = OCULTO; }
document.getElementById(blo).style.display = VISIBLE;
last = blo;
}
else
{
document.getElementById(last).style.display = OCULTO;
}
}
</script>
<style type="text/css">
<!--
body {
background-image: url(bkgd.jpg);
}
-->
</style>
<table width="300" border="1" align="center" style="border:thin"> <tr> <td>
<table width="95%" border="0" align="center" cellpadding="5" cellspacing="5" height="95%"> <tr> <td>
<select id="letras" size="1" onchange="mostrar(document.getElementById('letras').options[document.getElementById('letras').selectedIndex].value)">
<option value="" selected="selected"></option>
<option value="Anonimo">Anónimo</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="E">E</option>
<option value="F">F</option>
<option value="G">G</option>
<option value="H">H</option>
<option value="I">I</option>
<option value="J">J</option>
<option value="K">K</option>
<option value="L">L</option>
<option value="M">M</option>
<option value="N">N</option>
<option value="O">O</option>
<option value="P">P</option>
<option value="Q">Q</option>
<option value="R">R</option>
<option value="S">S</option>
<option value="T">T</option>
<option value="U">U</option>
<option value="V">V</option>
<option value="W">W</option>
<option value="X">X</option>
<option value="Y">Y</option>
<option value="Z">Z</option>
</select>
<div id="Anonimo" style="display: none"><br>
<br>Anonimo
<br>Anonimo
<br>Anonimo
<br>Anonimo
<br>Anonimo
<br>Anonimo
<br>Anonimo
</div>
<div id="A" style="display: none"><br>
<br>A
<br>A
<br>A
<br>A
<br>A
<br>A
<br>A
</div>
<div id="B" style="display: none"><br>
<br>B
<br>B
<br>B
<br>B
<br>B
<br>B
<br>B
</div>
<div id="C" style="display: none"><br>
<br>C
<br>C
<br>C
<br>C
<br>C
<br>C
<br>C
</div>
<div id="D" style="display: none"><br>
<br>D
<br>D
<br>D
<br>D
<br>D
<br>D
<br>D
</div>
<div id="E" style="display: none"><br>
<br>E
<br>E
<br>E
<br>E
<br>E
<br>E
<br>E
</div>
<div id="F" style="display: none"><br>
<br>F
<br>F
<br>F
<br>F
<br>F
<br>F
<br>F
</div>
<div id="G" style="display: none"><br>
<br>G
<br>G
<br>G
<br>G
<br>G
<br>G
<br>G
</div>
<div id="H" style="display: none"><br>
<br>H
<br>H
<br>H
<br>H
<br>H
<br>H
<br>H
</div>
<div id="I" style="display: none"><br>
<br>I
<br>I
<br>I
<br>I
<br>I
<br>I
<br>I
</div>
<div id="J" style="display: none"><br>
<br>J
<br>J
<br>J
<br>J
<br>J
<br>J
<br>J
</div>
<div id="K" style="display: none"><br>
<br>K
<br>K
<br>K
<br>K
<br>K
<br>K
<br>K
</div>
<div id="L" style="display: none"><br>
<br>L
<br>L
<br>L
<br>L
<br>L
<br>L
<br>L
</div>
<div id="M" style="display: none"><br>
<br>M
<br>M
<br>M
<br>M
<br>M
<br>M
<br>M
</div>
<div id="N" style="display: none"><br>
<br>N
<br>N
<br>N
<br>N
<br>N
<br>N
<br>N
</div>
<div id="O" style="display: none"><br>
<br>O
<br>O
<br>O
<br>O
<br>O
<br>O
<br>O
</div>
<div id="P" style="display: none"><br>
<br>P
<br>P
<br>P
<br>P
<br>P
<br>P
<br>P
</div>
<div id="Q" style="display: none"><br>
<br>Q
<br>Q
<br>Q
<br>Q
<br>Q
<br>Q
<br>Q
</div>
<div id="R" style="display: none"><br>
<br>R
<br>R
<br>R
<br>R
<br>R
<br>R
<br>R
</div>
<div id="S" style="display: none"><br>
<br>S
<br>S
<br>S
<br>F (ahh re que estaba re colgado)
<br>S
<br>S
<br>S
</div>
<div id="T" style="display: none"><br>
<br>T
<br>T
<br>T
<br>T
<br>T
<br>T
<br>T
</div>
<div id="U" style="display: none"><br>
<br>U
<br>U
<br>U
<br>U
<br>U
<br>U
<br>U
</div>
<div id="V" style="display: none"><br>
<br>V
<br>V
<br>V
<br>V
<br>V
<br>V
<br>V
</div>
<div id="W" style="display: none"><br>
<br>W
<br>W
<br>W
<br>W
<br>W
<br>W
<br>W
</div>
<div id="X" style="display: none"><br>
<br>X
<br>X
<br>X
<br>X
<br>X
<br>X
<br>X
</div>
<div id="Y" style="display: none"><br>
<br>Y
<br>Y
<br>Y
<br>Y
<br>Y
<br>Y
<br>Y
</div>
<div id="Z" style="display: none"><br>
<br>Z
<br>Z
<br>Z
<br>Z
<br>Z
<br>Z
<br>Z
</div>
</td> </tr> </table>
</td> </tr> </table>
</body>
</html> Podrían decirme qué es lo que debo cambiar? (aclaro que no sé demasiado de Javascript, je...)
Gracias de antemano.