Création d'un plugin jQuery

Récupérer le fichier exo45vide.html, ainsi que la bibliothèque jQuery.

Création du code jQuery de base

L'attribut hreflang permet d'indiquer la langue dans laquelle est rédigée une page liée. Il est parfois utile de le préciser. Le but de ce plugin est de permettre l'ajout automatique de cet attribut après chaque lien. Si vous ne parvenez pas à répondre à cette question, vous pouvez partir directement de sa correction pour attaquer la création du plugin proprement dit.

Au click sur le paragraphe, lancer le gestionnaire montre_hreflang. Cette fonction :

1. fait une boucle sur tous les liens de la page (attention, on fait ici une boucle sur des objets jQuery : il ne faut donc pas recourir à for, mais à la méthode each)
2. pour chaque lien, affiche dans un span à la fin du lien la chaîne de caractères " [contenu de l'attribut hreflang] "

Création du plugin de base

Transférer le code jQuery dans un plugin. La fonction init se contentera alors d'appliquer le plugin à tous les p de la page.

Chaînage

Faire en sorte que le plugin puisse s'insérer dans une chaîne de traitements jQuery. On pourra tester en ajoutant la classe vert au paragraphe avant (ou après) avoir appliqué le plugin.

Paramétrage

Ce plugin accepte deux options :

• separateur, prenant par défaut comme valeur "[]". Cette option permet de spécifier les deux caractères permettant d'entourer la valeur affichée de l'attribut hreflang
• fr_on, prenant par défaut la valeur false. En effet, il est d'usage de ne pas indiquer l'attribut hreflang lorsque la langue de la page ciblée est la même que la langue principale de traitement de la page en cours de consultation. Dans ce cas, le plugin n'affiche rien. Mais si on passe la valeur de fr_on à true, alors le plugin affiche aussi la valeur fr de hreflang.

Tester les options.