POP-UP PARAMETRABLE 

Outils pour webmaster. Trucs et astuces en code HTML, JavaScript, PHP : améliorer son site internet

Descriptif : vous souhaitez informer le visiteur, lui montrer une annexe sans pour autant qu'il quitte l'écran où il se trouve. La meilleure façon est d'ouvrir une mini-fenêtre (pop-up).

    Commencez par construire une page au format HTML qui contiendra vos informations annexes et que vous appellerez par le code JavaScript entièrement paramétrable ci-dessous.

Mise en oeuvre :

Entre les deux balises <body> et </body>

<!-- DEBUT DU SCRIPT POP-UP PARAMETRABLE-->
<p><a href="javascript:void(0)"
onClick="window.open('http://www.monsite.com/votre_page.htm',null,'width=325,height=300, status=no, directories=no, toolbar=no, location=no, menubar=no, scrollbars=no, resizable=no');">Votre lien cliquable</a></p>
<!-- FIN DU SCRIPT POP-UP PARAMETRABLE-->

Remarque : width est la largeur et height la hauteur. Changez les valeurs pour ajuster les dimensions. L'adresse de la page doit être complète (http://www.etc etc). Pour accepter ou interdire une fonction, remplacer "yes" par "no"

Exemples :
1  fenêtre complète
2  fenêtre sans la barre de statut. Changer : status
3  fenêtre sans les flèches de direction. Changer : directories
4  fenêtre sans la barre d'outils. Changer : toolbar
5  fenêtre sans la barre d'adresse. Changer : location
6  fenêtre sans la barre des menus. Changer : menubar
7  fenêtre sans la barre des scrolls. Changer : scrollbras
8  fenêtre non redimensionnable. Changer : resizable

- Pour fermer le pop-up, rajouter un lien avec :

Entre les deux balises <body> et </body>

<!-- DEBUT DU SCRIPT FERMETURE POP-UP-->
<p><script language="JavaScript">
// <!--
function fin()
{
window.close();
}
// -->
</script>
<a href="javascript:fin()">Fermer le pop-up.</a></p>
<!-- FIN DU SCRIPT FERMETURE POP-UP-->

 

Voici un autre script qui vous permet de positionner le pop-up à l'endroit de l'écran de votre choix. Changez les valeurs de _W.moveTo(400,150);
Cliquez ICI pour voir l'exemple.

<!-- DEBUT DU SCRIPT POP-UP POSITIONABLE-->
<script language="JavaScript">
<!-- Author: JS-Examples - http://www.js-examples.com/ -->
function MDM_openWindow(theURL,winName,features)
{
var _W=window.open(theURL,winName,features);
_W.focus();
_W.moveTo(400,150);
}
</SCRIPT>

<A href="javascript:MDM_openWindow('page_vide3.htm','Interface1','width=270,height=330, status=yes, directories=no, toolbar=no, location=yes, menubar=no, scrollbars=yes, resizable=no')">Cliquez ICI</A>
<!-- FIN DU SCRIPT POP-UP POSITIONABLE-->

 

Retour

Copyright www.toulouse-renaissance.net ©