Ouvrir un lien dans une nouvelle fenêtre

 

accueil (cours internet)

Les pages cibles des liens peuvent s'ouvrir dans la même fenêtre du navigateur ou dans une fenêtre différente.
Il existe 2 méthode principales pour obtenir ce résultat :

  • l'ajout d'un attribut target cf infra à la balise de lien,
  • ou l'utilisation d'un script cf infra

Il faudra également prévoir un bouton permettant de refermer cette nouvelle fenêtre [decoration]

L'attribut "target"

Par défaut une page liée s'ouvre dans la même fenêtre que celle qui l'appelle pour qu'elle s'ouvre dans une fenêtre différente, il faut ajouter l'attribut :

target=_blank
ou
target="[donner un nom]" (on pourra ouvrir autant de fenêtre que de noms différents)

Si on utilise des jeux de cadres ("frames") on pourra aussi employer :

  • target=_top : charge la nouvelle page dans toute la fenêtre du navigateur (supprime les cadres)
  • target=_parent
  • target=_self : charge la nouvelle page dans le même cadre que le lien.

Cet attribut ne vous permettra pas de gérer la dimension ni le comportement de la nouvelle fenêtre, qui seront déterminés par le navigateur : par exemple...

Pop up javascript

On peut régler le comportement de la de la fenêtre qui s'ouvre à l'aide d'un script Javascript appelé dans l'entête du document :

  1. téléchargez ce fichier popup.js vous pouvez le télécharger ici et placez-le à la racine de votre site
  2. appelez-le dans les pages souhaitées :

<head>
........................................
<script language="javascript" src="/popup.js"></script>
</head>

Il faut mettre après dans le corps du document un lien où l'on remplace les variables par les valeurs voulues, par exemple :

<A HREF="javascript:ouvre('../docs/doc.htm', 'plan', '452', '368', '200', '100')">texte du lien</A>

il faut mettre ces valeurs dans l'ORDRE où on elles sont déclarées dans ce script

soit , pour popup.js :
le chemin du document,
un nom de votre choix pour la fenêtre à ouvrir (ici : 'plan'),
la largeur (ici : 452),
la hauteur (ici : 368),
la distance du bord gauche (ici : 200),
la distance du bord haut (ici:100)



Fermer la nouvelle fenêtre

Dans la page cible, qui sera ouverte dans la nouvelle fenêtre, placez un bouton de fermeture >>> [decoration]

 

Eric
Pichon

retour haut de pageaccueil (cours internet)