Operation Manual
Nach oben
Mit dem Verhalten „AP-Element ziehen“ kann der Besucher ein absolut positioniertes Element (AP-Element) ziehen. Dieses Verhalten eignet sich
zum Erstellen von Puzzles, Schiebereglern und anderen beweglichen Elementen der Benutzeroberfläche.
Sie können unter anderem Folgendes festlegen: die Richtung, in die der Besucher das AP-Element ziehen kann (horizontal, vertikal oder in eine
andere Richtung); ein Ziel, zu dem der Besucher das AP-Element ziehen soll; ob das AP-Element am Ziel ausgerichtet werden soll, wenn es sich
innerhalb einer bestimmten Pixelzahl vom Ziel befindet; was geschehen soll, wenn sich das AP-Element am Ziel befindet.
Das Verhalten „AP-Element ziehen“ muss aufgerufen werden, bevor der Besucher das AP-Element ziehen kann. Es empfiehlt sich daher, „AP-
Element ziehen“ an das body-Objekt anzufügen (mit dem onLoad-Ereignis).
1. Wählen Sie „Einfügen“ > „Layoutobjekte“ > „AP Div“ aus oder klicken Sie im Bedienfeld „Einfügen“ auf die Schaltfläche „AP
Div zeichnen“ und zeichnen Sie dann in der Entwurfsansicht des Dokumentfensters ein AP-Div.
2. Klicken Sie im Tag-Selektor unten links im Dokumentfenster auf <body>.
3. Wählen Sie im Menü „Verhalten hinzufügen“ des Bedienfelds „Verhalten“ die Option „AP-Element ziehen“ aus.
Wenn „AP-Element ziehen“ nicht verfügbar ist, ist wahrscheinlich ein AP-Element ausgewählt.
4. Wählen Sie im Popupmenü „AP-Element“ das AP-Element aus.
5. Wählen Sie im Popupmenü „Bewegung“ entweder „Beschränkt“ oder „Unbeschränkt“ aus.
Eine unbeschränkte Bewegung eignet sich für Puzzles und andere Drag & Drop-Spiele. Wählen Sie für Schieberegler und
bewegliche Objekte wie Schubladen, Vorhänge und Jalousien eine beschränkte Bewegung aus.
6. Wenn Sie eine beschränkte Bewegung auswählen, geben Sie Werte in den Feldern „O“, „U“, „L“ und „R“ ein (in Pixel).
Die Werte sind relativ zur Anfangsposition des AP-Elements. Wenn Sie die Bewegung auf einen rechteckigen Bereich
beschränken möchten, geben Sie in allen vier Feldern einen positiven Wert ein. Um nur eine vertikale Bewegung zuzulassen,
geben Sie in den Feldern „O“ und „U“ einen positiven Wert und in den Feldern „L“ und „R“ den Wert „0“ ein. Um nur eine
horizontale Bewegung zuzulassen, geben Sie in den Feldern „L“ und „R“ einen positiven Wert und in den Feldern „O“ und „U“
den Wert „0“ ein.
7. Geben Sie in den Feldern „Links“ und „Oben“ die Werte für das Ablageziel ein (in Pixel).
Beim Ablageziel handelt es sich um die Stelle, an die der Besucher das AP-Element ziehen soll. Ein AP-Element befindet sich
am Ablageziel, wenn seine linke und obere Koordinate mit den Werten in den Feldern „Links“ und „Oben“ übereinstimmt. Die
Werte sind relativ zur oberen linken Ecke des Browserfensters. Klicken Sie auf „Aktuelle Pos. abrufen“, damit die aktuelle
Position des AP-Elements automatisch in die Felder eingetragen wird.
8. Geben Sie im Feld „Einrasten, falls innerhalb von“ einen Wert (in Pixel) ein, um festzulegen, wie nahe der Besucher das AP-
Element an das Ablageziel ziehen muss, damit das AP-Element am Ziel ausgerichtet wird.
Wenn Sie höhere Werte eingeben, kann der Besucher das Ablageziel leichter finden.
9. Bei einfachen Puzzle- und Hintergrundbearbeitungen müssen keine weiteren Schritte ausgeführt werden. Wenn Sie auf die
Registerkarte „Erweitert“ klicken, können Sie den Ziehpunkt für das AP-Element definieren, die Bewegung des AP-Elements
beim Ziehen verfolgen und festlegen, dass eine Aktion ausgelöst wird, wenn das AP-Element abgelegt wird.
10. Sie können festlegen, dass der Besucher auf einen bestimmten Bereich des AP-Elements klicken muss, damit das AP-
Element gezogen werden kann. Wählen Sie dazu im Menü „Ziehgriff“ die Option „Bereich im Element“ aus und geben Sie die
linke und obere Koordinate sowie die Breite und Höhe des Ziehpunkts in den entsprechenden Feldern ein.
Diese Option ist nützlich, wenn das Bild im AP-Element ein Element enthält, das sich zum Ziehen eignet, beispielsweise eine
Titelleiste oder der Griff einer Schublade. Legen Sie diese Option nicht fest, wenn Sie wünschen, dass ein Besucher auf eine
beliebige Stelle im AP-Element klicken kann, um dieses Element zu ziehen.
11. Wählen Sie unter „Beim Ziehen“ die gewünschten Optionen aus:
Aktivieren Sie „Element nach vorn bringen, dann“, wenn das AP-Element beim Ziehen an die erste Position innerhalb der
Stapelreihenfolge verschoben werden soll. Wenn Sie diese Option aktivieren, geben Sie im Popupmenü an, ob das AP-
Element im Vordergrund bleiben oder an seine ursprüngliche Position in der Stapelreihenfolge zurückgesetzt werden soll.
Geben Sie JavaScript-Code oder einen Funktionsnamen (z. B. monitorAPelement()) im Feld „JavaScript aufrufen“ ein,
damit der Code oder die Funktion beim Ziehen des AP-Elements wiederholt ausgeführt wird. Sie können beispielsweise
eine Funktion schreiben, die die Koordinaten des AP-Elements verfolgt und in einem Textfeld Hinweise anzeigt, wie z. B.
„Sie kommen näher“ oder „Sie sind weit vom Ablageziel entfernt“.
12. Geben Sie JavaScript-Code oder einen Funktionsnamen (z. B. evaluateAPelementPos()) im zweiten Feld „JavaScript
aufrufen“ ein, damit der Code oder die Funktion beim Ablegen des AP-Elements ausgeführt wird. Aktivieren Sie „Nur wenn
eingerastet“, wenn der JavaScript-Code nur ausgeführt werden soll, wenn sich das AP-Element am Ablageziel befindet.
13. Klicken Sie auf „OK“ und überprüfen Sie, ob das Standardereignis korrekt ist.
Informationen über das ziehbare AP-Element zusammenstellen
Wenn Sie einem Objekt das Verhalten „AP-Element ziehen“ zuweisen, fügt Dreamweaver die Funktion MM_dragLayer() in den head-Bereich des
536