web-dev-qa-db-fra.com

Créer un élément de menu qui ouvre une fenêtre modale

J'utilise souvent RokBox pour ouvrir du contenu dans une fenêtre modale, et cela fonctionne en ajoutant data-rokbox au <a> tag:

<a data-rokbox href="/images/my_image.jpg">This is a RokBox 2 Link</a>

Mais comment puis-je créer un élément de menu qui ouvre un lien dans une fenêtre modale à l'aide du gestionnaire de menus Joomla? Dans les versions précédentes de Joomla (je ne sais pas jusqu'où cela fonctionnait), il était possible de créer un lien externe et une astuce de Joomla pour ajouter data-rokbox en ajoutant votre lien comme ceci:

External URL with RokBox

(notez les guillemets supplémentaires).

Cela ne fonctionne plus car les guillemets sont filtrés lors de la sauvegarde.

Y a-t-il de bonnes idées sur la façon dont je peux faire ce travail?

4
johanpw

de retour dans le temps, j'ai suggéré le plugin modals par Nonumber dans une même question. question: Comment puis-je créer un élément de menu modal? .

Je n'ai pas essayé récemment, mais je suppose que vous pouvez attribuer à votre élément de menu une classe spécifique et que le plug-in Modals ouvre cette classe en mode modal facilement.

De NoNumbers Modal Plugin Documentation:

Ouvrir les éléments de menu dans les modaux

Pour ouvrir un élément de menu dans une fenêtre contextuelle modale, entourez simplement le titre du menu sous forme de balises {modal} .

Donc, si le titre de votre élément de menu est Cliquez ici !, remplacez-le par {modal} Cliquez ici! {/ Modal} .

Vous pouvez également transmettre des variables supplémentaires dans la balise, comme décrit précédemment, comme: {modal title = Ma page} Cliquez ici! {/ Modal} ou {largeur modale = 600 | hauteur = 400} Cliquez ici! {/ modal} .

Si, pour une raison quelconque, vous ne souhaitez pas utiliser les balises {modal} (ou si cela ne fonctionne pas), vous pouvez également attribue à l'élément de menu un nom de classe personnalisé (fonctionne avec la plupart des modules de menu) et configure Modaux pour qu'il soit converti par ce nom de classe .

4
FFrewin

@FFrewin Cette solution fonctionnerait si vous codiez de manière personnalisée un menu, mais avoir des modules de menu prédéfinis ne fonctionnerait probablement pas, car le menu est généré dynamiquement sauf si vous modifiez le code. Votre commentaire sur la question de l’opération sur l’utilisation d’une classe CSS est bien la méthode correcte pour déclencher un événement modal à partir d’un élément de menu.

1
Terry Carter