🖮 URL SourceForge ou Github: https://github.com/slhuilli1/cssmodal

Le besoin spécifique

Aujourd'hui, je vous présente un petit plugin que j'ai écrit, afin de pouvoir afficher au moyen d'un short code, et donc d'un plugin pour jumia, une fenêtre modale 100 % CSS.
 

Rendons à César ce qui appartient à Jules

Pour ce petit plugin, je me suis inspiré du travail de Marko que vous pourrez bien évidemment retrouver sur codepen.io. Son très joli travail vous permet d'afficher une fenêtre modale, simplement avec un CSS particulier et de éléments dans votre page web : un élément que je qualifierais de déclencheurs, associé à un deuxième élément qui est ni plus ni moins que le contenu de la fenêtre modale. Un beau travail.

Utilisation de mon plugin

J'ai intégré le travail de cet auteur dans mon plugin Joomla. En effet, si vous utilisez la commande 
{cssmodal "déclencheur" "titre fenêtre" "contenu fenêtre"}
avec obligation d'utiliser des doubles cotes, vous vous retrouverez avec un simple bouton dans votre code qui en sera le contenu de votre modale.
 
Les paramètres se décomposent ainsi :
1. déclencheur : c'est une chaîne de caractère, qui peut bien entendu comprendre la balise IMG, sur Yake l'utilisateur va cliquer pour lancer sa fenêtre modale.
2. Titre fenêtre : vous pouvez attribuer un titre à chacune des fenêtres que vous lancez. Ce titre s'affiche en gras et en haut de la fenêtre modale.
3. Contenu fenêtre Le dernier paramètre est un simple contenu HTML, je n'ai cependant pas traiter l'intégration d'une feuille de style particulière à ce plugin. Si vous souhaitez rajouter un style particulier, je ne peux que vous conseiller d'éditer la feuille de style que je joins à mon plugin.
 

 

Mon Github

slhuilli1's GitHub repositories

  • ongletvide
    Rajoute une icone sir le content de l'onglet contien la constante [[[onglet_vide]]], constante déclarée dans RL content templater
  • cssmodale
    Create un modal window full CSS
  • nl2br
    ce plugin tranforme automatiquement vos retours à la ligne de vos articles en BR grâce à la fonction PHP dédiée nl2br(). - this plugin automatically transforms your newlines of your articles into BR thanks to the dedicated PHP function nl2br().
  • hidenatifs
    Hide from a links data-natifs="..."
  • targetpdf
    Add "_blank" automatically when href ils a pdf file !
  • zippage
    Zipper tous les PDF internes d'une page Joomla Content
  • legendeimg
    No description
  • antispam
    Plugin qui génère une chaine mais avec le symbole @ dans le css, évitant de se faire aspirer son mail !
  • modallightbox
    No description
  • titrearticle
    Remplace affiche le titre de l'article.
  • provisoire
    Lister des documents marqués comme "provisioires"
  • cssmodal
    Plugin Joomla pour lancer une fenetre modale
  • modalpdf
    No description
  • demandeajoutdoc
    This pligin add a mailto: link info Regular Labs Tabs (for intranet whithout spam)
  • natif
    Ce plugin prend en compte ou pas l'affichage des fichiers natifs (word/excel) en sus de liens vers des PDF
  • nouveau
    Un plugin joomla qui affiche une mention "nouveau" sur un lien hypertext avannt une date butoire - A Joomla plugin that displays a “new” mention on a hyperlink before a deadline
  • lastdocsupdates
    Plugin d'affichage des derniers fichiers modifiés dans un répertoire donné
  • noteitv2
    No description
  • NoCache
    No description
  • addIdToHn
    Ce plugin ajoute automatiquement un id calculé (compté) aux balises Hn
  • ReadFirefoxBookmarks
    reading Firefox bookmak with PHP using SQLite library
  • externalcssandlib
    Add external CSS and javascript libraries in your projets
  • qr
    Ce plugins affiche une liste de questions reponses - This plugin for Joomla show a list of questions, when clicked, the answer is showed
  • dataarchives
  • attachments
    No description
  • mod_vacances
    Ce module Joomla affiche les congés français. Basé sur des OpenDatas du minitère de l'éducation nationale
  • noteit
    Ce plugin permet l'ajout de Post it (format graphique) dans un article
  • nbonlineusers
    No description
  • removehtmlcomment
    Delete all html comment in a joomla article
  • rechercheget
    Recherche en GET dans Joomla Content