Jana: mit JavaScript den Inhalt in einem DIV austauschen

Beitrag lesen

Danke Orlando,
ich habe ein Beispiel versucht:

<html>
<head>
<title>Unbenanntes Dokument</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function info(x) {
 if (document.getElementById) {
  document.getElementById("info").firstChild.nodeValue = x;
 }
}

//-->
</script>
</head>

<body>
<div id="info" style="position:absolute; left:76px; top:15px; width:229px; height:156px; z-index:1"></div>
<a href="#" onMouseOver="info('bla bla');">Link</a>
</body>
</html>

aber es geht nicht. Weißt du wo der Fehler ist?

Auch dir einen schönen Vormittag,

Ich habe mehrere Links auf einer Seite liegen. Wenn man über einen Link fährt, dann soll ein Text in einem DIV erscheinen. Wenn man über den nächsten Link fährt dann soll neuer Text in dem gleichen DIV erscheinen. Wie könnte man das mit JavaScript erstellen?

wenn das DIV die ID "info" hat:

function info(x) {
if (document.getElementById) {
  document.getElementById("info").firstChild.nodeValue = x;
}
}

<a href="link.htm" onmouseover="info('bla bla');">Link</a>

Natürlich solltest du den Inhalt beim MouseOut-Event wieder zurücksetzen.

http://selfhtml.teamone.de/javascript/objekte/node.htm#node_value

Die elegantere Methode ist, ein vorhandenes title-Attribut auszulesen und dessen Inhalt im DIV darzustellen, dazu benötigst du Event-Listener:

http://www.xs4all.nl/~ppk/js/events_advanced.html

LG Orlando