popup_tournante

Une fenêtre gigogne tournante

Démonstration en cours, si vous n'avez rien vu rafraîchissez votre fenêtre ( ou F5 ou clavier )

Télécharger ici le script ( 917 Octets )

1 - Copiez avant entre les balises <head> et </head> où bon vous semble :

<SCRIPT>
var popwindow
var tisurl
var tiswidth
var tisheight
var thismargin=10
var tistopposition=thismargin
var tisleftposition=thismargin
var pause=20
var step=20
var screenwidth
var screenheight
var endposition_x
var endposition_y
var timer
function openpopup(thisurl,thiswidth,thisheight) {
tisurl=thisurl
tiswidth=thiswidth
tisheight=thisheight
popwindow=window.open(tisurl, "newwindow", "toolbar=no,width="+tiswidth+",height="+tisheight+",top="+tistopposition+",left="+(tisleftposition)+"");
screenwidth=window.screen.width
screenheight=window.screen.height
endposition_x=screenwidth-thiswidth-thismargin
endposition_y=screenheight-thisheight-thismargin
movedown()
}
function movedown() {
if (tistopposition<=endposition_y-50) {
popwindow.moveTo(tisleftposition,tistopposition)
tistopposition+=step
timer= setTimeout("movedown()",pause)
}
else {
clearTimeout(timer)
tistopposition=endposition_y-50
popwindow.moveTo(tisleftposition,tistopposition)
moveright()
}
}
function moveright() {
if (tisleftposition<=endposition_x) {
popwindow.moveTo(tisleftposition,tistopposition)
tisleftposition+=step
timer= setTimeout("moveright()",pause)
}
else {
clearTimeout(timer)
tisleftposition=endposition_x
popwindow.moveTo(tisleftposition,tistopposition)
moveup()
}
}
function moveup() {
if (tistopposition>=thismargin) {
popwindow.moveTo(tisleftposition,tistopposition)
tistopposition-=step
timer= setTimeout("moveup()",pause)
}
else {
clearTimeout(timer)
tistopposition=thismargin
popwindow.moveTo(tisleftposition,tistopposition)
moveleft()
}
}
function moveleft() {
if (tisleftposition>=thismargin) {
popwindow.moveTo(tisleftposition,tistopposition)
tisleftposition-=step
timer= setTimeout("moveleft()",pause)
}
else {
clearTimeout(timer)
tisleftposition=thismargin
popwindow.moveTo(tisleftposition,tistopposition)
}
}
</SCRIPT>

2 - Copiez à la suite du contenu du tag <body> après le dernier caractère " et avant le dernier > :

Vous pouvez déterminez les valeurs numériques pour dimensionner la fenêtre popup

où "votre_page.html" est le fichier qui contenu dans la mini-fenêtre.
où 130 est la largeur de votre mini-fenêtre.
où 140 est la hauteur de votre mini-fenêtre.

Pour faire disparaître automatiquement la fenêtre après x secondes, ajoutez le script suivant avant la balise </head> de popup ( vous savez la petite qui tourne ! ):

où 10000 ( exprimé en millisecondes )est le délai pour 10 secondes.