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

simple PopUp-Fenster

Um ein PopUp Fenster zu erzeugen, auf ganz einfache Art und Weise, können wir wie folgt vorgehen. Den HTML Code im Body-Bereich deiner Seite einfügen und nach belieben anpassen. Den Java-Script Code in den Head-Bereich einfügen und die URL anpassen. Schon könnt ihr per Javascript ein Popup-Fenster öffnen!

HTML Code


<a href="#" onclick="winopen()">Popup öffnen</a>

Weiterlesen