IE Problem: document.getElementById(id).style.display

benlau · 29.03.2008, 18:51

Hallo zusammen,

ich habe folgendes Problem mit dem IE5 (im Firefox klappt alles einwandfrei):

Mit dem Javascript (unten) möchte div-tags ein- bzw. ausbleden. Z.B. so: onclick="hide('div1'); show('div2');"

Hier das Script:

Code:

<script type="text/javascript" language="javascript"> 
	function show(id)
	{
		document.getElementById(id).style.display = "inline";	
	} 

	function hide(id)
	{
	    document.getElementById(id).style.display = "none";
	} 
	function showHide(id)
	{
	    if (document.getElementById(id).style.display == "none")
		  { 
		  	document.getElementById(id).style.display = "block";

		  } 
		 else 
		  { 
		    document.getElementById(id).style.display = "none";
		  } 
	} 
	</script>

Meiner Meinung nach habe ich alles richtig gemacht

Aber der IE will mal wieder nicht

Weiß jemand woran das liegt?

Nightline · 31.03.2008, 11:32

Hallo,

folgendes Beispiel, basierend auf deinem Code, funkt:

PHP-Code:


			
<html>
<head>
<title>Test</title>
<style type="text/css">

</style>
<script type="text/javascript" language="javascript"> 
    function show(id)
    {
        document.getElementById(id).style.display = "block";    
    } 

    function hide(id)
    {
        document.getElementById(id).style.display = "none";
    } 
    function showHide(id)
    {
        if (document.getElementById(id).style.display == "none")
          { 
              document.getElementById(id).style.display = "block";

          } 
         else 
          { 
            document.getElementById(id).style.display = "none";
          } 
    } 
    </script>

</head>
<body>
<div id="rot" style="background-color:red; width:200px;height:200px;display:block;"></div>
<div id="blau" style="background-color:blue; width:200px;height:200px;display:none;"></div>
<a href="#" onclick="hide('rot'); show('blau');">klick</a>
</body>
</html>

benlau · 31.03.2008, 18:03

Ok. Ich hätte wohl den ganzen Code posten sollen. Es lag gar nicht an dem Javascript. Es lag an dem select-Field was ich benutzt habe. Der IE5 kommt anscheinend nicht damit klar, wenn man das "onclick=..." in den <option>-Tag packt. Es muss alles über den <select>-Tag laufen, was ansich totaler Quatsch ist. Aber naja, IE halt... ;/

Und ich hab mal wieder stundenlang wegen sowas verbracht. Trotzdem danke! Denn erst als ich dein Script 1 zu 1 übernommen habe, weil ich nicht glauben konnte dass deins auf einmal funktionieren soll, bin ich drauf gekommen, dass es nur am select-Field liegen kann

steffenk · 31.03.2008, 20:49

was ist denn IE5?