Pour cela insérez le code suivant dans un fragment html pour créer le bouton qui fera ouvrir la femêtre.


<*script type="text/javascript">
function open_win()
{
window.open("http://www.votresite.com/votrepopupwin.html","_blank","toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, left=300, top=250, width=545, height=300") }
<*/script>
<*form>
<*input type="button" style="background-color:#333333; color:#0197FD; " value="Popup" onclick="open_win()">
<*/form>

.Examinons le code pour voir comment vous pouvez le modifier pour vos besoins.
Le lien sera changé pour ouvrir votre fenêtre, nous y reviendrons. Après le lien il y a l’expression “_blank”, cette fonction demande que la nouvelle fenêtre s’ouvre indépendamment de la fenêtre où nous sommes. ensuite nous avons les fonctions toolbar, location etc.. toutes avec la valeur = no, cela nous donne une fenêtre sans contrôle pour le visiteur. Puis viennent les dimensions et la position de la fenêtre. Vous pouvez changer ces paramètres pour accommoder la page que vous allez créer pour votre popup. Il faut ensuite créer un bouton pour pouvoir provoquer l’ouverture de la fenêtre et vous pouvez en changer les paramètres de style.




Créez maintenant une nouvelle page iWeb et donnez lui un nom (le même que celui du bouton serait plus simple) insérer dans cette page ce que vous voulez, musique, texte ou image. Dans l’inspecteur de page réduisez la taille de la page pour coïncider a la dimension que vous voulez le popup. Par exemple si votre popup n’a qu’un morceau de musique la fenêtre sera en effet très petite. Publiez votre site et vérifiez que tout marche bien. Si le popup ne marche pas c’est probablement que le lien n’est pas correcte. Le lien que vous devez insérer dans le code est le lien de cette nouvelle page. Vous pouvez naviguer vers cette page et en récupérer le lien si nécessaire.
Pour inclure un bouton pour fermer le popup
insérez ce code sur la page “popup” en faisant les changements de style nécessaires.


<*form method="post">
<*input type="button" style="background-color:#333333; color:#0197FD; " value="Fermer la fenêtre"
onclick="window.close()">
<*/form>

Tags: F.A.Q. iWeb, Astuce, Tutoriel