ein JavaScript Beispiel

Artikel
bewerten

(2)

beschreiben eines Div-Elementes

Webseite:

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>

hier das vollständige Skript nochmal:

<body>
<h1>1te Überschrift</h1>
<h1>2te Überschrift</h1>
<div id="zeige"></div>
</body>

<script language="JavaScript">

window.document.getElementsByTagName("h1")[0].onmouseover
  =machwas;

window.document.getElementsByTagName("h1")[1].onmouseover
  =machwas;

function machwas(){
  window.document.getElementById("zeige").innerHTML = this.innerHTML;
}
</script>

den Inhalt einfach in eine Textdatei mit Endung .htm und mit dem Browser öffnen.

Kommentare zu diesem Beitrag:

(Nr:2) RaV schrieb am 12.08.2010 15:14

ich würde mal sagen , dir fehlt noch die css datei , da wird der style beschrieben ....

(Nr:1) ProMoe schrieb am 21.07.2010 14:41

Bei mir funktioniert das nicht... er ändert zwar meine styles, die ich in der "machwas"-funktion definiert habe. Jedoch geschieht das, nicht wenn mit der Maus drüber fahr (onmouseover) sondern werden die styles mit dem laden der funtkion zugewiesen...

Kommentare die nicht unmittelbar mit diesem Thema zu tun haben,
sowie Supportanfragen oder Hilfe bitte ins Forum posten: Support Forum

Kommentar abgeben:
(kein lästiges anmelden, einfach posten!)

neue Themen

msi Pakete erstellen freeware makemsi - How To free AutoIT Online Compiler sleep oder wait in Batch Dateien (cmd) kleine Dateichunks zu einer Datei zusammenfügen mit copy Silent Install switch div. Setuproutinen (Unattended Installation) mit vbscript in Excel lesen und schreiben Skripting in Windows 7 Benutzerkontensteuerung (User Access Control enable LUA) AJAX und PHP Tutorial mit Beispielvideo Funktionen in PHP Outlook per Script Mail versenden Setupverhalten eines MSI-Paketes anpassen mit Hilfe von ORCA ein JavaScript Beispiel Linux: Daten synchronisieren auf eine externe NTFS Festplatte Linux Bash Drücken Sie eine beliebige Taste VBscript Funktionen und Prozeduren php und mysql create database vbscript string Functions - Syntax Reference

Stichwortsuche auf dieser Seite: