Comment ouvrir une fenêtre annexe (popup) en javascript ?

 

par mandra |

     

Une popup est une fenêtre s'ouvrant par dessus la celle de votre navigateur. Malgré qu'elles ne soit plus réellement utilisées de nos jours, il peut être utile dans certains cas de savoir faire appel à elles. Nous allons voir un exemple de cette application en javascript.

Quelles sont les fournitures nécessaires ?

  • - Bloc note
  • - Un navigateur web

Étapes de réalisation

1.

L'utilisation la plus courante est l'ouverture d'un popup sur un lien. Vous pouvez bien sur faire celà sur une image ou un bouton par exemple.


Création de la fonction popup() :

<script type="text/javascript">
function popup(fichier) {
window.open(fichier);
}
</script>

Cette fonction permet de demandé à javascript d'ouvrir une fenêtre que l'on appellera comme expliqué à l'étape 2.

2.

Appel de la fonction popup sur un lien :
<a href="javascript:popup('popup.html')">Ouverture popup</a>

Ouvre donc en popup le contenu de popup.html

Appel de la fonction sur une image :
<a href="javascript:popup('popup.html')"><img src="monimage.jpg" /></a>

3.

On peut aussi spécifier quelques option comme par exemple la largeur et la hauteur de la fenêtre :

popup('popup.html', '', ' width=200, height=100')

Sur le même thème

damneya

Comment ajouter des métadonnées sur iWeb ?

Pour attirer des visiteurs sur un site internet, il est important d’ajouter à son site des métadonnées et des mots-clés qui seront recherchés dans les moteurs de recherche. Pour ajouter des métadonnées sur iWeb sans éditer le code HTLM brut, pre

kat5

Comment utiliser le logiciel Dreamweaver ?

Dreamweaver est un logiciel permettant de concevoir un site Internet. Et comme tout logiciel, il est simple d'utilisation, mais certaines bases sont nécessaires. Alors à vos claviers, à votre souris, nous allons partir à la découverte de ce logiciel

damneya

Comment créer un blog ?

Un blog ou plus exactement un weblog est un site personnel que vous pouvez créer pour vous exprimer sur vos points de vues. Quelles étapes faut-il suivre pour créer un bon blog?

Chercher un article sur Comment fait-on