Homepapa-Logo

Inhalt

Einleitung Voraussetzungen Pop Up, Pop down gleich loslegen und gestalten vorknöpfen weg damit aufpolieren und es bewegt sich doch viel Arbeit! Fang die Maus! ja wo ist sie denn? Schiebung! packen wir's an und Tschüss Casting Schleife drum Das Ganze Flatter, flatter Vorhang auf! Klappe zu!

Service

Kontakt & Feedback

CSS Anwendung

Pop Up, Pop down

viel Arbeit!

Auch wenn die Anwendung für deine Besucher und die Einrichtung für dich recht einfach sind, ist doch das ganze Drum und Dran bei Licht besehen ziemlich komplex. Ich versuche daher, einigermassen mundgerechte Portionen zu machen. Dazu gehört, dass wir genauer unter die Lupe nehmen, was wir denn eigentlich tun, wenn wir ein Popup verschieben:

anfassen Anfassen: Wenn wir die Maustaste drücken, während sich der Mauszeiger auf dem Titelbalken unseres Popups befindet, bedeutet das, dass wir das Popup anfassen und von nun an mit der Maus herumziehen. Diesen Vorgang — das Anfassen — werden wir in Javascript codieren müssen.

verschieben Verschieben: Wenn wir ein Popup angefasst haben, soll es im Weitern den Bewegungen unserer Maus folgen. Wir werden dazu ein JavaScript liefern müssen, das die Position der Maus erkennt und die Position des Popups entsprechend anpasst.

loslassen Loslassen: Schliesslich kommt der Moment, wo sich unser Popup am rechten Fleck befindet und unseren Mausbewegungen nicht weiter folgen soll. Wir signalisieren das, indem wir die Maustaste wieder loslassen. Auch das muss mit Javascript erkannt und befolgt werden.

kennenlernen Kennenlernen: Nun gibt's aber nicht überall auf dem Bildschirm etwas, das wir anfassen und verschieben können. Wir müssen daher die in Frage kommenden Popups und ihre Lage identifizieren, sie zunächst einmal kennen lernen. Dazu habe ich auch diese Anweisung register_box auf unserer letzten Seite gemacht. Auch das wird Gegenstand einiger Erläuterungen sein.


Homepapa
August 2004
Vorheriger Abschnitt:
und es bewegt sich doch
Nächster Abschnitt:
Fang die Maus!