Tutoriel
Joomla
Afficher un article dans une popup
Pour afficher un article dans une fenêtre popup sans utiliser le template du site et sans utiliser une extension tierce, il existait une astuce qui consistait à utiliser le fichier index2.php. Ce fichier n'existant plus depuis la version 1.6 de Joomla, une autre solution est toutefois possible pour réaliser cela. Nous allons voir au travers de ce tutoriel "comment afficher un article dans une popup".
Table des matières
- Pré-requis
- L'article
- Popup
Pré-requis
Pour réaliser ce tutoriel, vous aurez besoin de réaliser au préalable les étapes suivantes :
Désactiver l'éditeur de texte
Ouvrez "Utilisateurs - Gestion des utilisateurs" puis ouvrez votre profil.
Dans l'onglet "Paramètres de base", repérez le paramètre "Editeur de contenu" et sélectionnez "CodeMirror". Cliquez sur "Enregistrer & Fermer".
Créer un menu "fantôme"
La création d'un menu "fantôme" a fait l'objet d'un tutoriel que vous pouvez retrouver ici : Créer un menu fantôme dans Joomla.
L'article
Rédigez maintenant l'article que vous souhaitez afficher dans la fenêtre popup.
Avec le menu "fantôme", nous allons créer un lien de menu. Ouvrez "Menus - Menu fantôme - Ajouter un lien de menu".
Liez ce lien de menu à l'article que vous venz de rédiger. Cliquez sur "Enregistrer" pour générer l'URL du lien.
Cliquez dans la partie grisée avec votre souris puis sur votre clavier, exécutez "CTRL + A" (sélectionner) puis "CTRL + C" (copier). L'URL du lien de votre article est maintenant copiée dans votre presse-papier.
La popup
Nous allons maintenant créer notre fenêtre popup. Créez un nouvel article en ouvrant "Contenu - Gestion des articles - Ajouter un article".Là où vous souhaitez afficher votre article dans sa fenêtre popup, ajoutez le code suivant :
<a href="URL_DU_LIEN_DU_MENU_FANTOME" onclick="window.open(this.href, 'Popup', 'scrollbars=1,resizable=1,height=560,width=770,location=0'); return false;">TEXTE_SUR_LEQUEL_ON_DOIT_CLIQUER</a>
Les dimensions de la fenêtre popup se définissent dans les balises "height" et "width".
En frontend, l'article apparait sous cette forme :
et l'article de la popup apparait ainsi :
