Announcement

Collapse
No announcement yet.

Area Hintergrund ändern

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Area Hintergrund ändern

    Hallo,
    hab ein kleines Problem.
    Hab ne image map und auf der sind mehrere areas.
    Nun soll sich onmouseover die Hintergrundfarbe der betreffenden area ändern.
    Wie funktioniert das?
    habs so probiert
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <script type="text/javascript">
    function changeBackground(color){
        
        document.getElementById('feld1').style.backgroundColor = color;
        }
    
        
    
    </script>
    <title>Insert title here</title>
    </head>
    <body>
    <div id="feld">
          <img src="feld.jpg" width="800" height="600" border="0" alt="feld" usemap="#feld">
      <map name="feld">
          <area id="feld1" shape="rect" coords="11,10,59,29" href="javascript:changeBackground('#4B5D8E')" onmouseover="changeBackground('#FFFFFF')" alt="Koblenz" title="Koblenz">
       </map>
    </div>
    
    </body>
    </html>
    funktioniert nicht!!
    Steh echt auf dem Schlauch

  • #2
    Ich denke nicht, dass du die Hintergrundfarbe einer Area ändern kannst, die jeweilige Area ist ja nur in einer Rastergrafik und meines Wissens erlauben Browser keine Manipulation von Bereichen in einer Rastergrafik.
    Wenn du eine SVG-Grafik nimmst, dann kann man sicherlich in Browsern, die das unterstützen, auch mouseover/out-Ereignisse scripten, aber mit CSS sollte sich das auch ohne Script lösen lassen.

    Comment


    • #3
      Hallo,

      das <area> Tag definiert einen Ausschnitt für eine verweis-sensitive Grafik, es stellt also selbst nichts dar. Damit hat es weder einen Hintergrund, noch eine Farbe noch sonstwas Visuelles. Ergo kannst du keinen Hintergrund für ein <area> Tag ändern! Das wäre so, als würdest du versuchen den Hintergrund eines <script> Blocks zu ändern.

      Gruß Falk
      Wenn du denkst du hast alle Bugs gefunden, dann ist das ein Bug in deiner Denksoftware.

      Quellcode ohne ein Mindestmaß an Formatierung sehe ich mir nicht an! Ich leiste keinen Privatsupport per Mail oder PN!

      Comment

      Working...
      X