Operation Manual

jQuery UI-widgets gebruiken in Dreamweaver
De voorwaarden van Creative Commons zijn niet van toepassing op Twitter™- en Facebook-berichten.
Widgets zijn kleine webtoepassingen die zijn geschreven in talen als DHTML en JavaScript en
die kunnen worden ingevoegd en uitgevoerd in een webpagina. Webwidgets bieden onder
andere een mogelijkheid om de ervaringen van een bureaubladtoepassingen te repliceren op
een webpagina.
Widgets van de jQuery-gebruikersinterface zoals accordeon, tabbladen, datumkiezer,
schuifregelaar en automatisch aanvullen brengen de ervaring van een bureaubladtoepassing
naar het web.
Zo kunt u de widget Balk met tabs gebruiken om de tabbladfunctie van dialoogvensters in
bureaubladtoepassingen te repliceren.
Zelfstudie
HTML, CSS, jQuery en PHP 5.4 schrijven
(15 min.)
Leer hoe de nieuwste ondersteuning voor
HTML5, CSS3, jQuery en PHP5.4 in
Dreamweaver u kan helpen bij het schrijven
van statische, dynamische, mobiele of
responsieve projecten.
Naar boven
Opmerking:
Naar boven
In Dreamweaver CC en hoger zijn Spry-widgets vervangen door jQuery-widgets. U kunt de bestaande Spry-widgets op uw pagina nog steeds
wijzigen, maar u kunt geen nieuwe Spry-widgets toevoegen.
Een jQuery-widget invoegen
Wanneer u een jQuery-widget invoegt, wordt het volgende automatisch toegevoegd aan de code:
Verwijzingen naar alle afhankelijke bestanden
Scripttag met de jQuery API voor de widget. Aanvullende widgets worden aan dezelfde scripttag toegevoegd.
Zie http://jqueryui.com/demos/ voor meer informatie
voor jQuery-effecten wordt de externe verwijzing naar jquery-1.8.24.min.js niet toegevoegd omdat dit bestand automatisch wordt
opgenomen als u een effect toevoegt.
1. Zorg dat de cursor zich op een locatie op de pagina bevindt waar u de widget wilt invoegen.
2. Selecteer Invoegen > jQuery-gebruikersinterface en kies de widget die u wilt invoegen.
Als u het deelvenster Invoegen gebruikt, worden de widgets weergegeven in de sectie jQuery-gebruikersinterface van het
deelvenster Invoegen.
Als u jQuery-widget selecteert, worden de eigenschappen weergegeven in het deelvenster Eigenschappen.
U jQuery-widgets voorvertonen in Live View of in een browser die jQuery-widgets ondersteunt.
jQuery-widgets aanpassen
1. Selecteer de widget die u wilt aanpassen.
2. Pas de eigenschappen aan in het deelvenster Eigenschappen.
Als u bijvoorbeeld een extra tab wilt toevoegen aan de widget Balk met tabs, selecteert u de widget en klikt u op '+' in het
deelvenster Eigenschappen.
Videozelfstudie
jQuery-widgets gebruiken in webpagina´s in Dreamweaver
243