Mischung zwischen html und Javascript
.::crazycons::.
- sonstiges
Hi!
Ich hab n kleines Problem. Ich hab eine Grafik nach dem folgenden Prinzip teilweise verlinkt (ist nur n Bsp.):
<map name="Landkarte">
<area shape="rect" coords="11,10,59,29" href="http://www.koblenz.de/" alt="Koblenz">
<area shape="rect" coords="42,36,96,57" href="http://www.wiesbaden.de/" alt="Wiesbaden">
<area shape="rect" coords="42,59,78,80" href="http://www.mainz.de/" alt="Mainz">
<area shape="rect" coords="100,26,152,58" href="http://www.frankfurt.de/" alt="Frankfurt">
<area shape="poly" coords="48,311,105,248,96,210,75,205,38,234,8,310"
href="http://www.baden-aktuell.de/" alt="Baden">
</map>
<p><img src="karte.gif" width="345" height="312" border="0" alt="Karte" usemap="#Landkarte"></p>
Ich möchte diese Links aber mit einem Javascript verbinden, daß beim Mouseover einen Text an einer bestimmten Stelle ausgibt. So etwas habe ich nur bei einem Text in folgender Form bisher verarbeitet:
<script type="text/javascript">
<!--
var temp='';
var lastObject='';
function setText(which,zeigeText)
{
lastObject=which;
if (lastObject!='') temp=document.getElementById(lastObject).innerHTML;
document.getElementById(lastObject).innerHTML=zeigeText;
}
function getText()
{
if(lastObject!='') document.getElementById(lastObject).innerHTML=temp;
lastObject='';
}
//-->
</script>
und dann:
onMouseover="setText('txt_test','Zu den Internen News, dem Logbuch, usw.')" onMouseout="getText()"
und:
<div align="center" id="txt_test">
Wie kann ich das kombinieren, oder brauche ich ein neues Script? Und wies sieht dieses gegebenenfalls aus?
Ich hoffe, die Fragestellung war nicht zu verwirrend. Danke im Vorraus!
mfg
.::crazycons::.
Hi,
für kurze Texte reicht evtl das title-Attribut.
Andreas
Hi .::crazycons::.
Nach HTML4.0 ist für <area> die Eventhandler onMouseover und onMouseout und noch viele andere zulässig.
Du kannst also einfach folgendes machen:
<area shape="rect" coords="11,10,59,29" href="http://www.koblenz.de/" alt="Koblenz" onMouseover="setText('txt_test','Zu den Internen News, dem Logbuch, usw.')" onMouseout="getText()">
Wars das, was Du suchst?
Gruß Frank
Hi .::crazycons::.
Nach HTML4.0 ist für <area> die Eventhandler onMouseover und onMouseout und noch viele andere zulässig.
Du kannst also einfach folgendes machen:
<area shape="rect" coords="11,10,59,29" href="http://www.koblenz.de/" alt="Koblenz" onMouseover="setText('txt_test','Zu den Internen News, dem Logbuch, usw.')" onMouseout="getText()">
Wars das, was Du suchst?
Gruß Frank
Das ist vom Prinzip schon das, was ich suche. Nur klappt das bei mir nicht, obwohl ich nen neuen Browser habe!
Ich werdes noch mal versuchen, aber ich glaube nicht, daß ich was falsch gemacht hab!
Trotzdem danke!
mfg
.::crazycons::.