molily: onMouse-Events in div für Netscape/Firefox

Beitrag lesen

Hallo,

Normalerweise werden hier keine fertigen Scripte gepostet, weil »SELFHTML« vom »Selbermachen« kommt, aber ich habe einen Aspekt unterschlagen: Man kann auch einfach das Elementobjekt mit »this« an die Handler-Funktionen übergeben, dann spart man sich den ganzen Ärger mit dem Event-Objekt:

<script type="text/javascript">
function rollon (element) {
  if (document.getElementById && element.className == "item") {
    element.className = "highlight";
    document.getElementById("g0text").style.display = "none";
    document.getElementById(element.id + "text").style.display = "block";
  }
}
function rolloff (element) {
  if (document.getElementById && element.className == "highlight") {
    element.className = "item";
    document.getElementById("g0text").style.display = "block";
    document.getElementById(element.id + "text").style.display = "none";
  }
}
</script>

<div id="irgendwas" onmouseover="rollon(this)" onmouseout="rolloff(this)" ...>...</div>

Mathias