onmouseover mit 2 Funktionen

[Tom_912]

Hallo @all,

ich habe eine Landkarte mit Kontinenten erstellt, und möchte, dass wenn die Maus über ein Kontinent fährt, sich die Farbe ändert (Bilderwechsel), als auch ein Text neben der Maus erscheint (z.B. Australien).

PROBLEM: Es funktioniert nur der Bilderwechsel NICHT die Texteinblendung !!
Bin absoluter Anfänger und das erste Mal im Forum - könnt Ihr mir vielleicht weiter helfen????


im Body:

<td rowspan="6" colspan="4"><img name="DIEWELT1_r11_c15_r15_c15" src="DIEWELT1_r11_c15_r15_c15.gif" width="65" height="49" border="0" id="DIEWELT1_r11_c15_r15_c15" usemap="#m_DIEWELT1_r11_c15_r15_c15" alt=""

onMouseOver= "DIEWELT1_r11_c15_r15_c15.src=image2.src" return escape('Australien') onMouseOut="DIEWELT1_r11_c15_r15_c15.src=image1.src">
</td>


im Head:
<script language="JavaScript">
image1 = new Image;
image1.src = "DIEWELT1_r11_c15_r15_c15.gif";

image2 = new Image;
image2.src = "DIEWELT1_r11_c15_r15_c155.gif";
</script>

Viele Grüße Thomas

 

[ToM80]

Hallo @all,

im Body:

   <td rowspan="6" colspan="4"><img name="DIEWELT1_r11_c15_r15_c15" src="DIEWELT1_r11_c15_r15_c15.gif" width="65" height="49" border="0" id="DIEWELT1_r11_c15_r15_c15" usemap="#m_DIEWELT1_r11_c15_r15_c15" alt="" onMouseOver= "DIEWELT1_r11_c15_r15_c15.src=image2.src"   return escape('Australien')  onMouseOut="DIEWELT1_r11_c15_r15_c15.src=image1.src">
 </td>

du schreibst die zweite onmouseoveranweisung direkt in das tag, ohne mouseover zuordnung.
so wäre richtiger:

<img src="" ... onmouseover="DIEWELT1_r11_c15_r15_c15.src=image2.src;return escape('Australien')" ...>

Aber auch so sieht dein Code nicht besonders gut aus.
JS-Anweisung wird so geschrieben:

<script type="text/JavaScript">
</script>

Das "type"-Attribut ist laut w3c-Richtline Pflicht, language unerwünscht.
Ausserdem verstehe ich nicht, warum du die Bildernamen ins JS schreibst. Da du dort keine weitere Funktion, z. B. zum dynamischen Wechsel benutzt, kannst du dir das auch sparen
Vllt. hilft dir diese Seite ein bissl weiter SELFHTML: JavaScript / Anwendungsbeispiele / Dynamische grafische Buttons

 

[Tom_912]

Danke mal für Deine Hilfe und Deine Tips.

also zwei Funktionen auf einem onmouseover haben bei mir nicht funktioniert (hatte es wie du gemeint mit einem ; getrennt).

habs jetzt anders gelöst:
hab ein onmouseover auf die Tabellenzelle gelegt und den anderen auf den Map-Hotspot;

FUNKTIONIERT

Grüße