Div hover oder click und Ausgabe in anderem Div

Heute geht es um die Ansteuerung eines <div> Elementes per javascript, um damit in einem anderem <div2> Element das Hintergrundbild oder die Hintergrundfarbe zu ändern.

Zu erst müssen wir ein HTML Gerüst erstellen. Hier erstellen wir zwei <div> Elemente, eins für die spätere Ausgabe und eins für die Funktion, beide werden mit einer „id“ ausgewiesen. Die Funktionen können hier beispielsweise lauten: „onclick“, also bei Maus drücken oder „onmouseover“, also beim herüberfahren mit der Maus. Wir schreiben also in das <div> Element z.B. onclick=“beimDruecken ();“ oder onmouseover=“beimHerueberfahren ();“

Somit könen wir im Javascript die Funktion ansprechen und entsprechend bearbeiten.
Dazu ein Beispeil:


<div id="druecken"  onclick="beimDruecken ();">
<div id="output" style="width: 350px; height: 250px; border: 1px solid #000;"> </div>

Weiterlesen

Advertisements