Ouvrir une nouvelle fenêtre en pop up
Je ne vais pas vous faire un cours de javascrip complet, car la simplicité est de mise sur CsN. Et vu que plein de cours sont disponible sur la toile nous allons faire court et concis
Voici le code que j'utilise le plus souvent sur le wiki pour faire mes démonstrations :
Pour faire simple, en voici le détail :
- Dans le "onclick", l'adresse url de la page que vous voulez montrez.
- La fonction "resizable", vous permet de choisir si vous le voulez ensuite avec l'aide de la souris d'agrandir la dite fenêtre avec comme instruction soit "yes" ou "no".
- La fonction "scrollbars", vous permet d'avoir les ascenseurs pour visualiser la fenêtre avec comme instruction soit "yes" ou "no".
- Pour régler la largeur soit le "width", à vous de la définir, moi j'ai mis 800 (on applique en px).
- Pour régler la hauteur soit le "height", à vous de la définir, moi j'ai mis 600 (on applique en px).
- Dans la balise "img", c'est une image bouton que j'ai créer. dans cette même balise, n'oubliez pas de préciser la largeur (width) et la hauteur (height) de l'image, faites la votre
En savoir plus sur le L'objet window :
Voici le code que j'utilise le plus souvent sur le wiki pour faire mes démonstrations :
Code HTML :
Pour faire simple, en voici le détail :
- Dans le "onclick", l'adresse url de la page que vous voulez montrez.
- La fonction "resizable", vous permet de choisir si vous le voulez ensuite avec l'aide de la souris d'agrandir la dite fenêtre avec comme instruction soit "yes" ou "no".
- La fonction "scrollbars", vous permet d'avoir les ascenseurs pour visualiser la fenêtre avec comme instruction soit "yes" ou "no".
- Pour régler la largeur soit le "width", à vous de la définir, moi j'ai mis 800 (on applique en px).
- Pour régler la hauteur soit le "height", à vous de la définir, moi j'ai mis 600 (on applique en px).
- Dans la balise "img", c'est une image bouton que j'ai créer. dans cette même balise, n'oubliez pas de préciser la largeur (width) et la hauteur (height) de l'image, faites la votre
Voici le résultat:
En savoir plus sur le L'objet window :
- A lire sur ce site : Cours Javascript sur L'objet window.
- Sur le même site : Cours Javascript sur la pop up.