[Tuto]Afficher une fenêtre modale (Pop-up) |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
||||
Larsene
Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
Sujet: [Tuto]Afficher une fenêtre modale (Pop-up) Envoyé : 06 Oct 2013 à 12:47 |
||||
Hello, à la suite d'une demande sur ce forum, je vous propose ici une méthode et script pour réaliser une fenêtre modale, mais également un didacticiel pour mettre en place cette solution, pour ceux qui sont moins familiers avec le code :
Le didacticiel en vidéo : http://youtu.be/uU0twjcv5zc à remplacer dans les scripts ci-dessous, les ID des éléments (voir tutoriel ci dessus en cas d'incompréhension). SCRIPT CSS :
SCRIPT JAVASCRIPT :
Codes complémentaires facultatifs (à placer à la suite, dans le bloc javascript) : pour déclencher l'ouverture de la fenêtre au chargement de la page :
pour fermer la fenêtre après un laps de temps :
Pour ouvrir la fenêtre après un laps de temps :
|
|||||
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6513 |
Envoyé : 06 Mai 2019 à 16:56 | ||||
Notes:
EDit de brolysan : une erreur dans le code corrigée.
Edité par brolysan - 27 Mai 2019 à 20:25 |
|||||
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6513 |
Envoyé : 07 Mai 2019 à 17:37 | ||||
Notes:
Ce tutoriel est maintenant verrouillé. Pour toute question sur l'application sur votre projet ouvrez un nouveau sujet. Si vous jugez qu'une modification doit être faite au tutoriel, demandez à un membre de l'Admin group pour qu'il soit temporairement déverrouillé. Merci
|
|||||
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |