[Train Simple - centre de formation agréé Adobe] [Extrait de la formation de trainsimple.com sur les nouveautés de Dreamweaver CC] Le framework jQuery UI inclut divers widgets, comme les accordéons et les onglets, couramment utilisés par les développeurs web.
Désormais pris en charge dans Dreamweaver, les widgets jQuery, plus modernes, remplacent les widgets Spry.
Nous allons utiliser un widget jQuery pour simplifier l'expérience vécue avec ce formulaire.
Je commence par afficher widgets.html, qui est un document HTML vierge.
Je vais ensuite dans le panneau Insertion puis, dans ce menu, je choisis Interface utilisateur jQuery.
Les widgets jQuery UI disponibles s'affichent dans une liste.
Je sélectionne Accordéon.
Le widget est inséré dans mon document.
Pour modifier le contenu du widget, je sélectionne sa bordure bleue.
Les options disponibles s'affichent alors dans l'inspecteur Propriétés.
Je peux spécifier le nombre de panneaux, le type d'animation et d'autres options comme les icônes qui s'afficheront dans l'accordéon.
En testant ces widgets, vous constaterez à quel point ils sont simples à utiliser.
Mais revenons au formulaire.
J'affiche la page dans un navigateur web.
Il s'agit d'un formulaire assez classique.
Une mise en forme est appliquée à l'aide de styles CSS.
Pour éviter à l'utilisateur toute saisie manuelle, je vais utiliser un widget jQuery de calendrier pour sélectionner la date.
Il existe bien sûr un sélecteur de date en langage HTML5, mais la version jQuery fonctionnera avec davantage de navigateurs et d'appareils.
Je recommande donc le widget jQuery.
Je ferme la fenêtre de navigateur, puis je sélectionne le champ de texte actuellement présent dans le formulaire.
Je supprime le champ puis, dans le panneau Insertion, je clique sur Sélecteur de date.
Le widget est inséré dans le formulaire.
Des options simples s'affichent dans l'inspecteur Propriétés.
Comme mon contenu sera principalement diffusé aux États-Unis, la langue est définie sur l'anglais.
Des options permettent de changer de mois et d'année, d'intégrer le calendrier sur la page et de définir une date minimale — je la définis sur 1 —, et une date maximale.
Je vais permettre à l'utilisateur de faire son choix dans une plage de 100 jours.
Ensuite, j'indique le nombre de mois à afficher.
Comme je n'en veux qu'un, je laisse la valeur par défaut.
Après avoir défini ces paramètres, j'enregistre le document.
Je lance l'aperçu dans le navigateur.
Quand je clique dans le champ Date, le sélecteur de date s'affiche.
Je sélectionne la date et le champ est renseigné.
C'est une méthode beaucoup simple pour indiquer la date souhaitée.
Les widgets jQuery UI sont l'une des nouveautés de Dreamweaver CC.
[Train Simple Formations techniques abordables et complètes] [Centre de formation agréé Adobe www.trainsimple.com]
