[Javascript] ImageMap-Script funktioniert nicht

-|SoI|- Shadow · 27. Mai 2004

Moin, moin allerseits,

hat zufüllig einer von Euch eine Ahnung warum das Script im Internet Explorer nicht funzt? Im Mozilla funktioniert er nämlich????

HTML:

<html>
 <head>
  <title>Testseite</title>

  <script language="JavaScript">
   function show(name, sichtbar) {
    document.getElementById(name).style.visibility = sichtbar;
   }
  </script>

 </head>
 <body>

   <map name="map1">
    <area shape="rect" coords="1,1,50,19" onmouseover="JavaScript: show('test1', 'visible')" onmouseout="JavaScript: show('test1', 'hidden')">
    <area shape="rect" coords="51,1,189,19" onmouseover="JavaScript: show('test2', 'visible')" onmouseout="JavaScript: show('test2', 'hidden')">
   </map>
   <img src="test/img/news.gif" width="190" height="20" border="0" alt="" usemap="map1">

   <div id="test1" style="visibility: hidden; position: absolute; top: 25px; left: 20px">
    <a href="test.html">test</a><br>
    <a href="test.html">test</a><br>
    <a href="test.html">test</a><br>
   </div>
   <div id="test2" style="visibility: hidden; position: absolute; top: 25px; left: 70px ">
    <a href="test2.html">test2</a><br>
    <a href="test2.html">test2</a><br>
    <a href="test2.html">test2</a><br>
   </div>
 </body>
</html>

-|SoI|- Shadow · 27. Mai 2004

Re: [html]

ähhh kurze Anmerkung, ich meine warum die Imagemap nicht funktioniert...

PuppetMaster · 27. Mai 2004

Re: [html]

Probier mal

usemap="#map1"

-|SoI|- Shadow · 27. Mai 2004

Re: [html]

danke habs auch gerade rausgefunden

sorry

-|SoI|- Shadow · 27. Mai 2004

Re: [html]

aber weiss zufällig wer wie ich es hinbekomme, dass die links nicht verschwinden, wenn ich von der imagemap runtergehe mit der maus???

Rika · 27. Mai 2004

Re: [html]

Indem du einfach die onmouseout-Handler entfernst?
Und so nebenbei, die Handler rufen direkt JavaScript auf, da ist der javascript:-Link ziemlich schädlich.
Und der DOCTYPE fehlt auch. Und Script gehört nicht in den Head-Part. Und es gibt auch kein Attribut Language, denn es gibt nur JavaScript als standardisierte Sprache. Dafür fehlt wiederum type="text/javascript".
gelElembyID ist kein Standardfunktion, stattdessen sollte du lieber das Array images[] verwenden. Und bei IMG fehlt das ALT-Attribut.

migl · 27. Mai 2004

Re: [html]

Rika schrieb:
Indem du einfach die onmouseout-Handler entfernst?

Schon, aber ich denke, dass er es so will, dass man über die Links fahren kann, wenn man aber von denen runter ist, soll es sich schließen. Tja, das geht dann zB so (ich weiss, es nicht wirklich die optimale Lösung

):

HTML:

<html>
 <head>
  <title>Testseite</title>

  <script language="JavaScript">
   function show(name, sichtbar) {
    document.getElementById(name).style.visibility = sichtbar;
   }
  </script>

 </head>
 <body>

   <map name="map1">
    <area shape="rect" coords="1,1,50,19" onmouseover="javascript: show('test1', 


'visible')" onmouseout="javascript: show('test1', 'hidden')">
    <area shape="rect" coords="51,1,189,19" onmouseover="javascript: show('test2', 

'visible')" onmouseout="javascript: show('test2', 'hidden')">
   </map>
   <img src="test/img/news.gif" width="190" height="20" border="0" alt=""  usemap="#map1">

   <div onmouseover="javascript: show('test1', 'visible')" onmouseout="javascript: 

show('test1', 'hidden')" id="test1" style="visibility: hidden; position: absolute; top: 

25px; left: 20px">
    <a href="test.html">test</a><br>
    <a href="test.html">test</a><br>
    <a href="test.html">test</a><br>
   </div>
   <div onmouseover="javascript: show('test2', 'visible')" onmouseout="javascript: 

show('test2', 'hidden')" id="test2" style="visibility: hidden; position: absolute; top: 

25px; left: 70px ">
    <a href="test2.html">test2</a><br>
    <a href="test2.html">test2</a><br>
    <a href="test2.html">test2</a><br>
   </div>
 </body>
</html>

(von Rika beschreibene Fehler mal nicht ausgebessert)

Rika schrieb:
Und bei IMG fehlt das ALT-Attribut.

no comment

-|SoI|- Shadow · 27. Mai 2004

aaah keine doofe Idee das darüber sichbar zu machen thx

-|SoI|- Shadow · 28. Mai 2004

oder hat wer einen einfachen Code für diese DHTML Problematik, soll im ersten Schritt total easy und wegen mir auch auf den IE zugeschnitten sein, die Browserweiche bekomme ich dann schon hin ;-)

Rika · 31. Mai 2004

ALT-Attribut darf nicht leer sein. Lies die Spezifikation. ;-)

Suche

[Javascript] ImageMap-Script funktioniert nicht

-|SoI|- Shadow

Ensign

-|SoI|- Shadow

Ensign

PuppetMaster

Admiral

-|SoI|- Shadow

Ensign

-|SoI|- Shadow

Ensign

Rika

Lt. Junior Grade

migl

Lt. Junior Grade

-|SoI|- Shadow

Ensign

-|SoI|- Shadow

Ensign

Rika

Lt. Junior Grade

Ähnliche Themen