Ouvrir une seconde page dans une petite fenêtre


On peut afficher à l'écran une seconde page dans une petite fenêtre.

Cette fenêtre peut être indépendante ou intégrée (iframe) dans la page affichée.

* * * * *
Exemple de page affichée dans une petite fenêtre indépendante : cliquer ici pour écouter france info : une petite fenêtre s'ouvre à gauche.

Cette fenêtre peut rester ouverte ou fermée indépendamment de la page principale affichée. On peut ainsi facilement ajouter sur un blog un lien permettant aux visiteurs d'écouter de la musique qui continuera à fonctionner même si on change de page ou de message.

Le code utilisé pour créer le lien permettant d'écouter "France info" est le suivant : <a href="javascript:void(0)" alt="france info" title="" onClick="window.open('http://players.tv-radio.com/radiofrance/playerfranceinfo.php','','top=100,left=20,width=80,height=80,scrollbars=no');">france info</a>

* * * * *
IFRAMES.

Les iframes sont utilisées pour afficher le contenu d'une autre page web dans un petit cadre affiché dans la même fenêtre que celle où se trouve un premier document. 

Exemple : placer le code ci dessous dans la version HTML d'un message ou d'une page d'un blog :
<iframe align="right" width="500" height="500" frameborder="1" scrolling="auto" src="page1.htm" name="iframe"></iframe>

align="right"
= l'alignement : on peut mettre right, left, center (aligné à droite, à gauche, centré)

width="500"
= la largeur

height="500"
= la hauteur

frameborder="0"
= 0 : pas de bordure, 1 : bordure

scrolling="auto"
= le scrolling : auto : mettra un scroll si nécessaire, no : non, yes : oui

src="page1.htm"
= l'adresse de lapage qui se trouvera dans l'iframe

name="iframe"
= le nom de l'iframe

Les liens présent dans l'iframe ouvrent une autre page dans l'iframe : exemple : 
<a href="page2.htm">Page 2</a>

On peut aussi ouvrir une page dans une autre fenêtre à partir d'un lien dans l'iframe : exemple :
<a href="page2.htm" target="_blank">Page 2</a>

On peut enfin changer la page dans l'iframe avec un lien dans la page principale :
<a href="page2.htm" target="iframe">Page 2</a>

Aucun commentaire:

Enregistrer un commentaire