Manualshelf

Operation Manual

ManualsBrandsAdobe ManualsSoftwareDreamweaver CC - 2013
701702703704705706707708709710
Table Of Contents
Nach oben
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
Dokuments ein. (Bei dieser Funktion wird die alte Benennungskonvention für AP-Elemente [d. h. „Ebene“] übernommen, damit Ebenen, die aus
früheren Dreamweaver-Versionen stammen, weiterhin bearbeitet werden können.) Diese Funktion registriert das AP-Element als ziehbar und
definiert außerdem für jedes ziehbare AP-Element die drei Eigenschaften MM_LEFTRIGHT, MM_UPDOWN und MM_SNAPPED. Anhand dieser
Eigenschaften können Sie in Ihren JavaScript-Funktionen die relative horizontale und vertikale Position des AP-Elements ermitteln und zudem
feststellen, ob sich das AP-Element am Ablageziel befindet.
Hinweis: Die hier bereitgestellten Informationen richten sich nur an erfahrene JavaScript-Programmierer.
Zum Beispiel zeigt die folgende Funktion den Wert der MM_UPDOWN-Eigenschaft (die aktuelle vertikale Position des AP-Elements) in einem
Formularfeld mit der Bezeichnung curPosField an. (Formularfelder eignen sich zum Anzeigen fortlaufend aktualisierter Informationen, da sie
dynamisch sind, d. h., Sie können ihren Inhalt ändern, nachdem die Seite geladen wurde.)
709