Je vous propose aujourd'hui un petit plugin que j'ai dû commencer à développer, dans le but de l'adapter ultérieurement je l'espère, à des images mappées. L'idée de départ étant de pouvoir sur une photo, placer des petits points dans lesquels nous aurons une description technique de l'endroit pointé. Pour cela, j'utilise des images mappées.
Utilisation
Pour arriver à ce but, qui est déjà très fonctionnel mais en comem je saisis le code de mes articles Joomla content à la main, je réfléchissais à fabriquer un petit plugin pour y adapter à mes maps de mes images. Il s'avère que cela est bien compliqué de généraliser mon code, en revanche, dans le cadre de mes recherches pour arriver à ce projet, j'ai découvert sur le site codepen, un développeur ou plutôt un auteur qui a mis en place un outil plutôt sympathique : des fenêtres modales uniquement en CSS.
Le gros avantage par rapport aux composants qui génèrent des fenêtres modales de ce type, c'est que nous nous affranchissons des versions professionnelles payantes puisque nous avons désormais maîtriser le code de bout en bout. Nous pouvons donc adapter le code pour arriver à l'ensemble de nos besoins.
Or, comme notre CMS Joomla intègre la bibliothèque bootstrap, du moins dans la version que je dois utiliser professionnellement à savoir la version 3, je m'appuie sur l'intégration de cette bibliothèque pour générer un outil qui va fabriquer une fenêtre modale.
La syntaxe de mon plugin
Pour utiliser mon plugin, vous devrez utiliser la syntaxe suivante à 3 paramètres :
- le titre de la fenêtre
- le contenu au format texte (je n'ai pas besoin de mettre du HTML)
- Le libellé texte du bouton fermant la fenêtre modale
{cssmodale "Titre" "Contenu au format texte" "Libellé du bouton fermer"}
Mon plugin ne prend en paramètre que des données au format texte, sans pouvoir mettre en place ni du HTML, et encore moins du code CSS. Je vous rappelle que l'idée de départ et de placer dans mes fenêtres médailles, des petites images explicatives.