L'essentiel de Dreamweaver CC 2017

Tenir compte des anciens navigateurs

Testez gratuitement nos 1324 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Avec d'anciens navigateurs, comme Internet Explorer 8, le filtrage par attribut HTML5 ne fonctionnera pas. Dans cette séquence, vous verrez comment adapter les comportements avec la palette adéquate.
05:37

Transcription

Nous avons vu que par certains champs de propriétés ici, il était possible de dire que les champs étaient complètement requis pour pouvoir valider le formulaire. HTML5 est capable de valider ce formulaire. Par contre, si on passait sur de vieux navigateurs, notamment Internet Explorer qui ne comprennent pas HTML 5, à ce moment là on va être un peu embêté parce que notre formulaire va passer et devra forcément être filtré côté serveur. Alors il peut être vraiment intéressant de le filtrer à la main côté client avant de l'envoyer. Alors si c'est des formulaires très compliqués, on va retrouver 2 principaux problèmes. La non compréhension avec HTML 5 va faire qu'on ne comprendra pas l'attribut < ici, qui sera bloqué quelque part. mais aussi on ne va pas reconnaitre le type d'email, come ça il sait qu'il ne va pas fonctionner. Alors Dreamweaver nous propose pas une solution clé en main, mais nous propose un hybride de solutions sur des tous petits formulaire, en passant par la fenêtre des comportements ici. On va pouvoir tout simplement venir ajouter un comportement qui va être la validation d'un formulaire. Alors ce que je vous propose de faire, c'est de sélectionner l'input submit ici, pour dire au moment du submit, ce qu'on va faire, c'est on va vouloir valider le formulaire pour pouvoir le tester et s'en assurer. Mais on va s'apercevoir d'une première problématique, ici, qui va être de dire, le champs email n'est pas aperçu, parce que c'est un type que je ne connais pas, et Dreamweaver se base sur un filtrage justement, type texte, password, textarea, mais pas du tout email. Donc il va falloir impérativement venir changer ce champs sous forme de texte. Et ici, lorsqu'on va actualiser la fenêtre, la palette, ici, on va pouvoir venir dire Je valide le formulaire. Parfait. Et à ce moment-là, le champ email est apparu, vous le voyez ici. Alors au niveu du nom, on va dire qu'il est obligatoire, et qu'on accepte tout. Au niveau du password, on va dire qu'il est obligatoire, et que pareil on accepte tout. Et au niveau de l'adresse email, ici, on va pouvoir dire également que c'est obligatoire, ici, dans cette partie là, qu'il s'agit bien d'une adresse electronique, et que, voilà, c'est un peu les seuls types de réglage qu'on peut faire ici. Alors, maintenant, on aurait pu choisir aussi pour des nombres, pour des filtrages de nombres, des filtrages d'une fourchette de nombres, c'est-à-dire, d'une valeur à une valeur. Mais on s'aperçoit que c'est quand même assez limité comme type de vérification d'email. On va dire OK, et ici, vous voyez que on est bien sur le onSubmit, ici, parce qu'on avez bien sélectionné le onSubmit au départ. Faites attention de ne pas avoir un autre type d'évènementiel qui ne correspondrait pas, donc à l'envoi du formulaire. Et à ce moment-là, on va pouvoir valider, et tester depuis un navigateur. Alors le soucis majeur, maintenant, qu'on va rencontrer, va être double, le premier, c'est que le script fait partie de cette page et que donc, il va devoir ici, se charger impérativement, quelque soit le navigateur, qu'il en ait besoin ou pas. Là, je vous préconise de pouvoir copier cette partie là, le mettre dans un script, donc, on va le faire de suite, le mettre dans un script qui soit externe et autonome. Ctrl+x. On va pouvoir faire maintenant un nouveau fichier de type Java script. On va venir coller dans ce Java Script cette fonction là, on va l'enregistrer, et on va venir l'enregistrer ici, en 08.js. Et par contre maintenant, au niveau de la liaison, il faut passer par un moderniseur, ou un élément de la sorte ici, pour pouvoir dire que le SRC, Voilà, ici, on va dire que c'est sur ce fichier 08.js, il n'y a pas de soucis. Mais il ne faut pas que le script soit chargé par des navigateurs qui ne seraient pas de type Internet Explorer. Alors là, par chance, on a la possibilité de mettre un commentaire en conditionnel, qui va nous permettre de filtrer IE. Parce qu'on sait que en gros maintenant, le seul qui ne comprendra pas ça, ça va être IE. Donc, pour pouvoir mettre un commentaire conditionnel, et on va venir dans les Fragments de code, ici. Dans les fragments de code, HTML_Snippet, on va chercher un Conditional Comment, ici, on le lance. Et quel est le commentaire conditionnel dont on a besoin? ça va être surtout dans la mesure où on va être inférieur ou égale à 9. Donc on va pouvoir garder cette ligne là, qui est la plus intéressante. C'est-à-dire, le fait de dire dans le cas où Internet Explorer est inférieur à IE 7, mais là, ce qu'on va demander c'est inférieurà IE 9, donc à partir de IE 8; on va mettre le script qui sera pris en compte à ce niveau là. C'est qui fait que tout ce qui va considérer à partir d'IE 9, on ne verra pas ce script. Mais à partir d'IE 7, IE 8, si vous devez toucher cette cible là, ce script sera pris en compte, et donc automatiquement on va pouvoir filtrer. Le petit soucis qu'on va avoir, c'est ici, on va avoir un champ de type mail, ici qui est devenu un type texte et qui ne sera pas filtrer en type 9. Donc, il va fallor filtrer également, de mettre un commentaire conditionnel dans cette partie là pour dire ça tu me l'écris que si tu es dans l'IE 9 Sinon, on écrit le type texte ça devient un peu compliqué à faire. Mais, vous voyez les pistes que l'on peut avoir, pour pouvoir filtrer certaines choses, pour de très vieux navigateurs, parce que l'on parle quand même de brontosaures, grâce à la palette des comportements qui a su rester dans ce sens là, pour pouvoir nous aider à écrire des scripts. Maintenant je vous invite, si vous devrez d'aventure, filtrer des formulaires beaucoup plus complexes et beaucoup plus compliqués, à venir sur la partie de Hungred Dot Com, ici, où vous allez avoir divers types de scripts qui vont vous aider au travers d'expressions régulières principalement, à pouvoir filtrer l'intégralité des types de messages que vous cherchez, si les messages sont suffisament forts ou pas, pour vous permettre de pouvoir récupérer ces petits Snippet de codes, et les intégrer directement dans votre thèse de 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 !