Operation Manual

Verwenden von jQuery-UI-Widgets in Dreamweaver
Twitter™- und Facebook-Beiträge fallen nicht unter die Bestimmungen von Creative Commons.
Rechtliche Hinweise | Online-Datenschutzrichtlinie
Nach oben
Hinweis:
Nach oben
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.
Widgets sind kleine Webanwendungen, die in Sprachen wie DHTML und JavaScript geschrieben sind und in eine Webseite eingefügt und von der
Webseite heraus ausgeführt werden können. Unter anderem bieten Web-Widgets eine Möglichkeit, Desktop-Erfahrungen auf einer Webseite zu
replizieren.
jQuery-UI-Widgets wie „Accordion“ (Akkordeon), „Tabs“ (Registerkarten), „Datepicker“ (Datumsauswahl), „Slider“ (Regler) und „Autocomplete“
(automatische Vervollständigung) bringen die vom Desktop gewohnte Anwendungserfahrung ins Web.
Das Widget „Tabs" beispielsweise kann verwendet werden, um die Funktionalität von Registerkarten in den Dialogfeldern von Desktop-
Anwendungen zu nachzubilden.
jQuery-Widgets einfügen
Wenn Sie ein jQuery-Widget einfügen, wird Folgendes automatisch in den Code eingefügt:
Verweise auf alle abhängigen Dateien
Ein script-Tag, das die jQuery-API für das Widget enthält. Weitere Widgets werden in dasselbe script-Tag eingefügt.
Weitere Informationen zu jQuery-Widgets finden Sie unter http://jqueryui.com/demos/
Für jQuery-Effekte wird kein externer Verweis zu jquery-1.8.24.min.js eingefügt, da diese Datei automatisch enthalten ist, wenn Sie
einen Effekt hinzufügen.
1. Setzen Sie den Cursor auf die Stelle der Seite, an der Sie das Widget einfügen wollen.
2. Wählen Sie „Einfügen“ > „jQuery UI“ und wählen Sie das Widget aus, das eingefügt werden soll.
Wenn Sie das Bedienfeld „Einfügen“ verwenden, finden Sie die Widgets unter der Kategorie „jQuery UI“.
Wenn Sie ein jQuery-Widget auswählen, werden seine Eigenschaften im Bedienfeld „Eigenschaften“ angezeigt.
Eine Vorschau der jQuery-Widgets können Sie in der Live-Ansicht oder in einem Browser, der jQuery-Widgets unterstützt, anzeigen.
jQuery-Widgets ändern
1. Wählen Sie das Widget aus, das Sie ändern wollen.
2. Ändern Sie im Bedienfeld „Eigenschaften“ die Eigenschaften.
Um beispielsweise für ein Tabs-Widget eine zusätzliche Registerkarte zu definieren, wählen Sie das Widget aus und klicken im Bedienfeld
„Eigenschaften“ auf „+“.
Videotutorial
Verwenden von jQuery-Widgets auf Webseiten in Dreamweaver
166