Veröffentlicht 7. Oktober 200420 j Kann mir einer sagen , was an folgendem Code falsch ist? Ich steig da nicht durch! Getestet habe ich den Code mit Netscape 7.1 und IE 6.0 Es funktioniert bei beiden nicht. Wichtig ist mir eine Lösung, welche für alle Browser funktioniert. <html> <head> <script language="JavaScript"> <!-- function Over(ID) { document.getElementById[ID].style.visibility = "visible" } function Out(ID) { if(document.getElementById) { document.getElementById[ID].style.visibility = "hidden" } } //--> </script> <style type="text/css"> <!-- #karte { position:relative; width:768; height:471; z-index:1;} #plan { position:absolute;z-index:5;} #Aaa { position:absolute; left:320px; top:21px; width:169; height:158; z-index:3; } --> </style> </head> <body onLoad="" onUnload=""> <map name="Stadtplan" id="plan"> <area title="" href="#" shape="polygon" coords="334, 72, 361, 45, 387, 62, 421, 37, 422, 26, 437, 27, 440, 21, 455, 22, 447, 36, 487, 54, 484, 74, 472, 78, 472, 87, 462, 88, 468, 111, 438, 129, 438, 151, 444, 151, 446, 162, 453, 165, 453, 170, 420, 176, 395, 174, 381, 163, 371, 163, 357, 146, 323, 124, 342, 111, 345, 96" onMouseOver="Over('Aaa');" onMouseOut="Out('Aaa');"> </map> <div id="plan"><img src="pics/trans.gif" width="768" height="471" border="0" alt="" usemap="#Stadtplan"></DIV> <div id="karte"> <img src="pics/stadtplan3.gif" width="768" height="471" border="0" alt=""> <div id="Aaa"><img src="pics/a.gif" width="169" height="158" border="0" alt=""></div> </div> </body> </html> Der Code ist schon auf eine Minimum gekürzt!
7. Oktober 200420 j kann es sein dass es nicht geht, da es ein <div> in einem <div> ist ??? also "Aaa" ist ja in "karte" verschachtelt...
7. Oktober 200420 j Autor Hat jemand einen Vorschlag wie ich das realisieren könnte! Sitz momentan auf'm Schlauch! Sinn soll sein: Ich habe einen Stadtplan als Bild Ich habe mehrere Stadtteile als Bilder in anderer Farbe wenn der User nun über den Stadtteil fährt soll das Bild gewechselt werden Mir fällt nicht ein, wie ich das machen soll!
7. Oktober 200420 j Ändere doch einfach das Bild für die Map. Wichtig ist dabei nur, dass alle Bilder die gleiche Größe und den gleichen Maßstab haben. BSP: // JavaScript function highlight(name) { document.BildName.src = "pics/highlight_"+name+".jpg"; } function normalize() { document.BildName.src = "pics/default.jpg"; } // HTML <img id="BildName" ... > </img> // Den Rest wie gehabt. [/PHP] Da das Ganze ein einfacher Bildtausch ist, sollte es auch keine browserspezifischen Probleme geben.
7. Oktober 200420 j hier brauchst du runde Klammern! <script language="JavaScript"> <!-- function Over(ID) { document.getElementById(ID).style.visibility = "visible" // hier () anstatt [] } function Out(ID) { if(document.getElementById) { document.getElementById(ID).style.visibility = "hidden" // hier () anstatt [] } } //--> </script>
7. Oktober 200420 j Autor Danke an alle! Die Antwort von kills hat geholfen! War die einfachste Möglichkeit!
Archiv
Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.