JQuery: Tableau de villes

Ouvert le : jeudi 22 août 2019, 00:00

Note concernant cet exercice :

c'est un de mes tout premier TP que j'ai fait. Il n'est pas très au point, mais vous pouvez le faire si vous le souhaitez. Il permet de travailler différents concepts de JQuery en même temps. Il y a des choses simples, et des choses plus compliqué. Il a été fait pour des stagiaires connaissant déjà un peu le JS.

Veuillez télécharger le fichier de départ en pièce jointe avant de commencer l'exercice.

Consignes

Important !
Toutes les actions des exercices se font via un clic sur un bouton (à coder).

Intégrer Jquery a votre site
Vérifier qu'il fonctionne bien en affichant un message de vérification dans la console lorsque JQuery est prêt
Afficher le texte de la colonne ville en rouge
Afficher le background des spécialités en vert.
Faire disparaitre ou apparaitre les cellules d'entêtes
Faire clignoter le cassoulet sans utiliser de plugin
Faire clignoter la quenelle avec un plugin (https://github.com/johnboker/jquery.blink)
Utiliser le plugin FancyBox pour faire des animations sur les images (http://fancyapps.com/fancybox/3/)
Faire un appel Ajax pour afficher la devise de chaque ville (http://api.webboy.fr/jdevise.php?ville=xxx)

Attention ! Pour la dernière partie de l'exercice (avec l'appel AJAX), j'ai changé l'emplacement de l'url. Donc merci de ne pas suivre l'exemple dans la vidéo, mais d'aller sur l'url http://api.webboy.fr/devise.php

Attention #2 : ne faites pas la dernière partie de la vidéo (construction du tableau en JSON). C'est pas la peine, vous avez déjà fait ça en asynchrone normalement, et les données ne sont plus accessibles.

Vidéo :

jquery_villes.zip
25 août 2020, 19:06