Foros del Web » Programando para Internet » Javascript »

El script solo funciona en IE

 Estas en el tema de El script solo funciona en IE en el foro de Javascript en Foros del Web. 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. ...
  #1 (permalink)  
Antiguo 20/09/2010, 23:29
Avatar de Raoden  
Fecha de Ingreso: julio-2008
Mensajes: 9
Antigüedad: 16 años, 5 meses
Puntos: 0
Pregunta El script solo funciona en IE
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.
Última edición por Raoden; 21/09/2010 a las 10:22 Razón: Agregado todo el código del archivo.
  #2 (permalink)  
Antiguo 21/09/2010, 10:25
Avatar de Raoden  
Fecha de Ingreso: julio-2008
Mensajes: 9
Antigüedad: 16 años, 5 meses
Puntos: 0
Respuesta: El script solo funciona en IE
Revisando el código y con la ayuda de alerts, vi que en chrome o firefox llega al evento onchange del select, pero no entra en el método "mostrar"...
Probé poniendo un alert al principio del método solo para ver si entraba, pero el alert nunca se ejecutó.
También revisé con otro alert que el parámetro del método "mostrar" este bien escrito, y lo está.

Tal vez esa información le ayude a alguien a ayudarme (?) jaja
  #3 (permalink)  
Antiguo 21/09/2010, 11:07
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 16 años, 1 mes
Puntos: 66
Respuesta: El script solo funciona en IE
seria mejor que pusieras el link de tu pagina para ver que esta pasando.
__________________
Extension Google Chrome
dar las gracias no cuesta nada :D
  #4 (permalink)  
Antiguo 21/09/2010, 11:23
Avatar de Raoden  
Fecha de Ingreso: julio-2008
Mensajes: 9
Antigüedad: 16 años, 5 meses
Puntos: 0
Respuesta: El script solo funciona en IE
Cita:
Iniciado por tredio Ver Mensaje
seria mejor que pusieras el link de tu pagina para ver que esta pasando.
http://intercambio.zxq.net/super-spoiler.html
  #5 (permalink)  
Antiguo 21/09/2010, 11:50
Avatar de zerokilled
Javascripter
  
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 8 meses
Puntos: 1485
Respuesta: El script solo funciona en IE
debe ser por como esta escrito el codigo fuente en la url. parece que tu editor de texto no introduce bien los saltos de lineas o estos confligen con el sistema operativo de tu servidor.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #6 (permalink)  
Antiguo 21/09/2010, 12:00
Avatar de Raoden  
Fecha de Ingreso: julio-2008
Mensajes: 9
Antigüedad: 16 años, 5 meses
Puntos: 0
Respuesta: El script solo funciona en IE
Tenías razón! Miré el código en la web y vi todo desordenado, así que copie todo el código del editor y lo puse en un .txt al que después le puse html y listo, ahora funciona!

Gracias zerokilled! Muchas gracias!


[<--SOLUCIONADO-->]
  #7 (permalink)  
Antiguo 14/01/2011, 22:50
 
Fecha de Ingreso: enero-2011
Mensajes: 1
Antigüedad: 14 años
Puntos: 0
Exclamación Respuesta: El script solo funciona en IE
La Verdad la respuesta era obvia
[URL="http://google.com"]nacho[/URL]
Última edición por jeyson_amateur; 14/01/2011 a las 22:52 Razón: nose

Etiquetas: explorer, internet
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 19:30.