L'essentiel de Dreamweaver CC 2017

Appréhender les sélecteurs

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Les sélecteurs permettent à l'utilisateur de faire un choix parmi une liste d'éléments définis par le système. Dans cette vidéo, vous verrez qu'il est possible de tout paramétrer depuis l'inspecteur de propriétés.
03:23

Transcription

Un élément de formulaire qui est relativement classique à utiliser, c'est l'élément de sélection. Donc, l'élément de sélection ici, permet de faire un choix parmi une liste d'éléments. Si vous le rentrer dans la partie code, vous allez simplement avoir la balise et vous devrez taper tout à la main. Si vous sélectionnez une partie du formulaire, donc là je vais prendre la légende par exemple, et que vous insériez le même élément, à ce moment-là, on vous demande si vous voulez l'insérer avant, après, au milieu, en fonction de la balise en question, mais là, vous avez 2, 3 éléments de plus. C'est-à-dire que vous avez déjà, la balise select avec son identifiant et son nom de formulaire, et en plus vous avez la balise label, qui est placé avant , et qui vous permet d'avoir un élément de precision pour l'internaute. Donc ici, vous pourriez taper, par exemple, " Faites votre choix " , par exemple ici, et ensuite, tout va se passer du côté du sélecteur ici. Donc dans le sélecteur, au niveau de l'inspecteur de propriétés, vous avez un petit champ qui s'appelle valeur de liste, ici. Valeur de liste, vous allez rentrer la partie label, la partie étiquette qui est utilisable par l'internaute. Donc, choix numéro1 par exemple, choix numéro 2, choix numéro 3 etc. Vous pouvez rentrer ce genre d'informations ici. Et vous pouvez en rentrer, autant que vous voulez. Par contre, ici, dans la partie de la valeur, vous allez devoir rentrer les valeurs qui vont être renvoyées informatiquement à la base de données. Par exemple, humainement parlant, on pourrait dire choix numéro1, choix numéro 2, choix numéro 3. Mais au niveau des valeurs, ça pourrait être tout simplement, val-a, par exemple, val-b, val-c, tout va dépendre du système d'informations et de ce que vous stockez dans la base de données. Donc ça, c'est plutôt à voir avec l'informaticien qui va géré la partie de la base de données. Et si c'est vous qui le faîtes, vous savez ce que vous allez rentrer comme type de choix dans votre champ d'informations au niveau base de données. Vous avez la possibilité de les redispatcher, c'est-à-dire de les réorganiser par ces petites flèches, de les supprimer,d'en ajouter. Quoi qu'il en soit, vous avez aussi les options ici. C'est-à-dire que si maintenant, vous rentrez des options manuellement ici, je vais rentrer le choix d, par exemple qui serait le choix numéro 4. Si vous reprenez votre valeur de liste ici, tous est reinteractif, donc il n'y a pas de soucis, vous pouvez rentrer, soit dans le champs de l'inspecteur de propriétés, soit directement dans le code, il n'y a pas de soucis, ça va être pris en compte. Vous pouvez demander à ce que le choix numéro 2 soit sélectionné. Vous voyez qu'interactivement, directement ici, le choix numéro 2 a été sélectionné. Donc ça permet de pouvoir avoir une souplesse d'utilisation supplémentaire, simplement par la partie inspecteur de propriétés, et non pas d'avoir à venir taper à la main l'attribut ad-hoc qui va bien et qui permet de faire la même chose. Une fois que vous allez enregistrer, si vous passez dans le navigateur pour aller visualiser, vous avez bien votre choix, les 4 éléments de choix, et vous avez la possibilité donc, de changer de sélection. De la même manière que pour les autres champs de formulaire, il est toujours possible d'associer un sélecteur à un autre formulaire ou à un formulaire auquel il ne serait pas architecturellement raccroché, de façon à pouvoir renvoyer les données directement avec l'envoi du formulaire.

L'essentiel de Dreamweaver CC 2017

Prenez en main l’environnement de travail de Dreamweaver. Créez des documents, utilisez les CSS, gérez les liens hypertexte, les fichiers multimédia, les formulaires, etc.

7h28 (98 vidéos)
Aucun commentaire n´est disponible actuellement
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :30 janv. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !