Ein ganz simple Webseite mit 2 Überschriften und einem DIV-Element:
<body>
<h1>1te Überschrift</h1>
<h1>2te Überschrift</h1>
<div id="zeige"></div>
</body>
Der JavaScript- Teil:
<script language="JavaScript">
window.document.getElementsByTagName("h1")[0].onmouseover
=machwas; Das ist der Eventhandler für die 1te Überschrift: h1 ... onmouseover, also wenn ich mit der Maus über die Überschrift fahre starte die Funktion machwas.
window.document.getElementsByTagName("h1")[1].onmouseover
=machwas; Das ist der Eventhandler für die 2te Überschrift: h2 ... onmouseover, also wenn ich mit der Maus über die Überschrift fahre starte die Funktion machwas.
function machwas(){
window.document.getElementById("zeige").innerHTML = this.innerHTML; die Funktion machwas ruft das ID-Element "zeige" auf und schreibt den Inhalt des aktuellen Elementes rein
}
</script>