• Centre de formation Joomla!
    Tutoriels et formation Joomla!
    Apprenez en vous formant à votre rythme, en toute liberté,
    créez votre propre site Web avec Joomla!

Tutoriel Logo Joomla 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.

Article popup Joomla

Dans l'onglet "Paramètres de base", repérez le paramètre "Editeur de contenu" et sélectionnez "CodeMirror". Cliquez sur "Enregistrer & Fermer".

Article popup Joomla

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.

Article popup Joomla

Avec le menu "fantôme", nous allons créer un lien de menu. Ouvrez "Menus - Menu fantôme - Ajouter un lien de menu".

Article popup Joomla

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".

Article popup Joomla

Note L'instruction "location=0" permettait de supprimer la barre d'adresse URL dans la fenêtre popup. A ma connaissance, cela n'est plus possible,les navigateurs bloquant cette instruction.

En frontend, l'article apparait sous cette forme :

Article popup Joomla

et l'article de la popup apparait ainsi :

Article popup Joomla


 

1 1 1 1 1 1 1 1 1 1 Rating 0.00 (0 Votes)

web-eau.net is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla! name and logo is
used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.