Inhalt

Einleitung Voraussetzungen Pop Up, Pop down Flatter, flatter Vorhang auf! Aufgabenstellung Vorbereitung Seite Bilder Anordnung Marilyn divs verschachteln positionieren relativ Vorhang zu Action! Hallo ... später Hallo ein Spalt Variable auf geht's! abschneiden schööön! weiteres heiteres Klappe zu!

---

Service

Kontakt & Feedback

CSS Anwendung

Vorhang auf!

Action!

später Hallo

So, wie wir das Skript auf unsere Seite gepflanzt haben, läuft es also schon während die Seite geladen wird. Nun wollen wir es so einrichten, dass es damit zuwartet, bis die Willkommen-Tafel berührt wird. Dazu sind zwei Schritte nötig:

1. Wir "verpacken" das Skript in eine Funktion. Das sieht wie folgt aus:

   
   <script type="text/javascript">
   function hallo() { 
   alert("Hallo!") ;
   } 
   </script>
   

   Wie du siehst, stehen die JavaScript-Anweisungen (hier ist es nur eine: alert) zwischen zwei geschweiften Klammern, und in der Einleitung wird festgehalten, dass sie eine "Funktion" bilden, die mit hallo() abgerufen werden kann. Die leere Klammer hinter "hallo" gehört zur Syntax und kann verwendet werden, um der Funktion irgendwelche Werte zu übergeben. Wir werden das schon bald in der Praxis sehen.
2. Nachdem das Skript nun eine Funktion ist, wird es nicht ausgeführt, sondern auf Abruf bereit gehalten. Wir möchten ja, dass die Funktion ausgeführt wird, sobald der Besucher mit der Maus auf die Willkommen-Tafel zeigt. Daher passen wir den <div id="willkommen">-Tag an. Neu sieht er folgendermassen aus:

   <div id="willkommen" onmouseover="hallo()">

Das reicht schon; du kannst es ausprobieren. Die Hallo-Meldung erscheint nicht mehr währenddem die Seite geladen wird, dafür, wenn die <div id="willkommen"> mit der Maus berührt wird, und das nicht nur einmal, sondern immer wieder.