Popup via un bouton ou un lien

Popup via un bouton ou un lien

par Luca Confortola,
Nombre de réponses : 4

Bonjour,

Je cherche à réaliser une fenêtre (popup) qui s'ouvre en cliquant sur un lien ou sur un bouton (bootstrap + modal)

J'ai regardé plusieurs solutions dans le forum par exemple https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_modal&stacked=h mais au moment de l'appliquer ça ne marche pas.

J'ai aussi installé le plugin de developpement theme tester (https://moodle.org/plugins/tool_themetester) qui montre toutes les possibilités des thèmes. Donc il y a bel et bien la possibilité d'avoir un popup mais je n'y arrive pas...

Au secours!! yeux grands ouverts

moodle 3.2.1 thème --> adaptable

Merci à l'avance pour un gentil coup de main

Luca

Moyenne des évaluations  -
En réponse à Luca Confortola

Re: Popup via un bouton ou un lien

par Denis Guiziou,

Bonjour Luca,

En cliquant sur l'exemple de w3schools chez moi çà fonctionne bien (sous IE 11, chrome et firefox), J'ai obtenu le résultat ci-dessous après avoir cliqué sur le bouton "Open Modal" :

Donc, à priori l'exemple fonctionne, maintenant pour l'intégrer dans ton moodle, c'est sûr il faudrait voir.


Cordialement


Denis



Annexe popup.png
Moyenne des évaluations  -
En réponse à Denis Guiziou

Re: Popup via un bouton ou un lien

par Luca Confortola,

Merci Denis,

oui chez moi ça marche aussi dans w3schools mais dans moodle ... clin d’œil c'est une autre paire de manches! grand sourire

Je donnerais ma langue au chat pour savoir comment faire...

Merci à la commo.

Luca

Moyenne des évaluations  -
En réponse à Luca Confortola

Re: Popup via un bouton ou un lien

par Denis Guiziou,

Rebonjour Luca,

J'utilise Aardvark comme thème donc je ne pourrai pas trop t'aider mais en utilisant l'"Outil de développement" (fonction F12 quand on est sur une page sous IE11) puis l'explorateur DOM tu devrais pouvoir cibler la page php à modifier et voir également les objets (boutons, ...) de ta page en langage html.

A la rigueur tu peux faire cela également uniquement en css :

http://jefrebaud.fr/pratique/lightbox-css.php#noWhere

si ton bouton existe déjà sur ta page et qu'il a un "id" ou un "name".

L'avantage est que si ton thème permet d'utiliser un css personnalisé tu pourrais mettre en place ton popup par ce biais sans avoir à modifier de page php.

Denis

Moyenne des évaluations  -
En réponse à Denis Guiziou

Re: Popup via un bouton ou un lien

par Daniel Méthot,
Avatar Moodleurs particulièrement utiles

Bonjour,

Si votre "bouton" est une image (de bouton) un clic sur cette image peut vous ouvrir une pop-up si vous affectez un lien sur cette image et que vous indiquez dans vos paramètres "ouvrir dans une fenetre séparée".

Vous pouvez meme améliorer cela en faisant s'afficher un texte du genre "cliquez ici" quand la souris passe sur l'image du bouton.

Tout cela dans Moodle, partout où vous disposez d'un éditeur.

Et meme en cliquant sur un lien (texte quelconque sélectionné).

Daniel

Moyenne des évaluations  -