AREA, backgroundcolor ändern

[deb10er0]

Hi Leute,

Hier mal mein Code:

<IMG SRC="europa_karte_de.jpg" WIDTH=1200 HEIGHT=1000 BORDER=0 ISMAP USEMAP="#hans">
<MAP NAME="hans">
<AREA SHAPE="POLYGON" COORDS="378,516,379,528,374,536,369,538,370,541,374,543,374,548,371,551,370,555,361,555,358,556,361,564,360,571,358,576,356,577,356,580,356,582,357,586,360,591,362,593,358,600,358,604,359,608,362,611,362,618,466,616,394,517,391,511,380,511,378,513,378,518" HREF="http://www.google.de" onMouseOver="test()" id="test123">
</MAP>

<script language="JavaScript">
function test()
{
document.getElementByName('hans').style.backgroundColor = "#FF0990";
}
</script>

oder

<IMG SRC="europa_karte_de.jpg" WIDTH=1200 HEIGHT=1000 BORDER=0 ISMAP USEMAP="#hans">
<MAP NAME="hans">
<AREA SHAPE="POLYGON" COORDS="378,516,379,528,374,536,369,538,370,541,374,543,374,548,371,551,370,555,361,555,358,556,361,564,360,571,358,576,356,577,356,580,356,582,357,586,360,591,362,593,358,600,358,604,359,608,362,611,362,618,466,616,394,517,391,511,380,511,378,513,378,518" HREF="http://www.google.de" onMouseOver="test()" id="test123">
</MAP>

<script language="JavaScript">
function test()
{
document.getElementById('test123').style.backgroundColor = "#FF0990";
}
</script>

Ich hab eine Europakarte und hab auf dieser einen Link (Deutschland) erstellt. Nun möchte ich, wenn ich mit dem Mauszeiger darüber gehe, dass sich die Farbe ändert. Habs auch mit getElementById und mit this probiert. Ging alles nicht. Kann mir da jemand helfen?

mfg deb10er0

 

[DD-Stylz]

und wenn du es direkt in AREA reinsetzt? also so:

<IMG SRC="europa_karte_de.jpg" WIDTH=1200 HEIGHT=1000 BORDER=0 ISMAP USEMAP="#hans">
<MAP NAME="hans">
<AREA SHAPE="POLYGON" 
      COORDS="378,516,379,528,374,536,369,538,370,541,374,543,374,548,371,551,370,555,361,555,358,556,361,564,360,571,358,576,356,577,356,580,356,582,357,586,360,591,362,593,358,600,358,604,359,608,362,611,362,618,466,616,394,517,391,511,380,511,378,513,378,518" 
      HREF="http://www.google.de" 
      onMouseOver="this.style.backgroundColor='#FF0990'" 
      id="test123">
</MAP>

 

[deb10er0]

geht auch nicht. Ich hab in meiner funktion mal nen alert gemacht und der funktioniert.

 

[Efchen]

Ging alles nicht. Kann mir da jemand helfen?

Bei so einer konkreten Fehlerbeschreibung kann am besten die Fehlerkonsole helfen.

 

[deb10er0]

besser kann ich es nicht beschreiben. Ich kann zwar den link anklicken, aber wenn ich über den Link geh ändert sich einfach die farbe nicht.

Fehlerkonsole???

 

[Efchen]

Ja, die Fehlerkonsole! Die wo JavaScript-Fehler angezeigt werden! Wie sonst soll man ein Programm debuggen, wenn man keine Fehlermeldungen sehen kann?

 

[deb10er0]

sorry, aber ich hab mit der noch nie gearbeitet. Wie kann ich die benutzen?

 

[Efchen]

Hast Du schonmal mit Google gearbeitet?

Sorry, wenn das jetzt von oben herab rüber kommt, aber in der Zwischenzeit, in der Du darauf wartest, dass man Dir alle Arbeit abnimmt, hättest Du die Antwort doch mit Google selber auch rausfinden können, oder nicht?

Von nix kommt nix!

 

[deb10er0]

hab mir jetzt mal den firebug installiert, hab aber keinen plan wie das ding funktioniert. firebug erkennt meinen Link (der link funktioniert auch). Es wird nur nicht die farbe geändert.

 

[Efchen]

Und was sagt jetzt die Fehlerkonsole zu Deinem JavaScript?

 

[deb10er0]

zeigt keinen Fehler an. Ich hab mal nen fehler mit absicht gemacht und den hat er mir angezeigt.

 

[Efchen]

Wie ist der Link zur Seite?

 

[deb10er0]

hab ich nicht hochgeladen. aber ist schon gut, so weit ich des bei google sehe, ist es so nicht möglich.