Bedienungsanleitung Adobe Dreamweaver CC - 2013 (Seite 710 von 750) (Deutsch)

618542

710

Zoom out

Zoom in

Vorherige Seite

1/750

Nächste Seite

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

Adobe Dreamweaver CC - 2013 Seite 710

Brauchen Sie Hilfe? Stellen Sie Ihre Frage.

Missbrauch melden von Frage und/oder Antwort

Art des Missbrauchs:

Forenregeln

Neu registrieren

Andere Handbücher von Adobe Dreamweaver CC - 2013

Das Handbuch wird per E-Mail gesendet. Überprüfen Sie ihre E-Mail.

Ihre Frage wurde zu diesem Forum hinzugefügt

Info