Operation Manual

Arbeiten mit dem Spry-QuickInfo-Widget
Hinweis:
Nach oben
Nach oben
Hinweis:
QuickInfo-Widget
QuickInfo-Widgets einfügen
Optionen für QuickInfo-Widgets bearbeiten
Spry-Widgets werden ab Dreamweaver CC durch jQuery-Widgets ersetzt. Sie können zwar vorhandene Spry-Widgets auf der Seite
noch ändern, aber Sie können keine neuen Spry-Widgets hinzufügen.
QuickInfo-Widget
Das Spry-QuickInfo-Widget zeigt Zusatzinformationen an, wenn ein Benutzer den Mauszeiger über bestimmte Elemente einer Webseite hält. Die
Zusatzinformationen werden wieder ausgeblendet, wenn sich der Mauszeiger nicht mehr über dem Element befindet. Sie können für QuickInfo-
Einblendungen auch festlegen, dass sie länger angezeigt werden, damit Benutzer mit QuickInfo-Inhalten interagieren können.
QuickInfo-Widgets bestehen aus den folgenden drei Komponenten:
QuickInfo-Container. Diese Komponente enthält die Meldung oder die Inhalte, die angezeigt werden sollen, wenn der Benutzer die QuickInfo
aktiviert.
Seitenelemente, mit denen die QuickInfo aktiviert wird.
Konstruktor-Skript. Dabei handelt es sich um JavaScript-Code, mit dem Spry angewiesen wird, die QuickInfo-Funktionalität zu erstellen.
Wenn Sie ein QuickInfo-Widget einfügen, wird in Dreamweaver mithilfe von div-Tags ein QuickInfo-Container angelegt und das Auslöserelement
(das die QuickInfo aktivierende Seitenelement) in span-Tags eingeschlossen. Diese Tags werden in Dreamweaver standardmäßig verwendet. Als
Tags für die QuickInfo und den Auslöser können jedoch beliebige Tags verwendet werden, solange sie sich innerhalb des body-Tags der Seite
befinden.
Beachten Sie beim Verwenden des QuickInfo-Widgets die folgenden Punkte:
Eine geöffnete QuickInfo wird geschlossen, bevor die nächste QuickInfo geöffnet wird.
Eine QuickInfo wird angezeigt, solange der Benutzer den Mauszeiger über den Auslösebereich hält.
Es bestehen keine Einschränkungen hinsichtlich der Art der Tags, die als Auslöser oder für QuickInfo-Inhalte verwendet werden können. (Es
empfiehlt sich jedoch immer die Verwendung von Codeblockelementen, um mögliche Darstellungsprobleme mit unterschiedlichen Browsern
zu vermeiden.)
Standardmäßig wird die QuickInfo je 20 Pixel rechts und unterhalb des Mauszeigers angezeigt. Über die Optionen für den horizontalen und
vertikalen Offset im Eigenschafteninspektor können Sie eine benutzerdefinierte Einblendposition festlegen.
Derzeit besteht keine Möglichkeit, eine QuickInfo anzuzeigen, wenn eine Seite im Browser geladen wird.
Das QuickInfo-Widget erfordert sehr wenig CSS-Code. Spry verwendet JavaScript zum Anzeigen, Ausblenden und Positionieren der QuickInfo.
Alle weiteren Formatierungen der QuickInfo können je nach Bedarf mit herkömmlichen CSS-Techniken umgesetzt werden. Mit der einzigen Regel
in der CSS-Standarddatei wird ein Problem mit Internet Explorer 6 umgangen, damit QuickInfos über Formularelementen oder Flash-Objekten
angezeigt werden.
Eine ausführliche Erläuterung zur Funktionsweise von Spry-QuickInfo-Widgets, einschließlich der vollständigen Code-Struktur, finden Sie unter
www.adobe.com/go/learn_dw_sprytooltip_de.
Ein Video-Tutorial zur Verwendung von Spry-QuickInfo-Widgets finden Sie unter www.adobe.com/go/lrvid4046_dw_de.
QuickInfo-Widgets einfügen
Wählen Sie „Einfügen“ > „Spry“ > „Spry-QuickInfo“ aus.
Sie können QuickInfo-Widgets auch über die Kategorie „Spry“ im Bedienfeld „Einfügen“ hinzufügen.
Dadurch werden ein neues QuickInfo-Widget mit einem Container für den QuickInfo-Inhalt sowie ein Platzhaltersatz als QuickInfo-Auslöser
eingefügt.
Sie können zudem ein bereits auf der Seite vorhandenes Element (z. B. ein Bild) markieren und dann die QuickInfo einfügen. In diesem Fall
fungiert das markierte Element als neuer QuickInfo-Auslöser. Sie müssen ein vollständiges Tag-Element markieren (z. B. ein img-Tag oder ein p-
Tag), damit diesem in Dreamweaver gegebenenfalls eine ID zugewiesen werden kann, falls noch keine vorhanden ist.
377