une fenetre div qui se refermerait au bout de 5 sec.

Version imprimable

19/02/2006, 17h22
BrPi

une fenetre div qui se refermerait au bout de 5 sec.

Bonjour,

je cherche à créer une fenêtre (DIV) qui s'ouvrirait lors du clic sur un lien et se refermerait au bout de 5secondes. Concernant l'ouverture, pas de probleme. C'est pour la fermeture apres 5secondes que j'ai du mal. Pourriez-vous m'aider s'il vous plait ?

Voici le code que j'ai ecrit.

<style type="text/css">
#win2 {
position: absolute;
display:none;
top: 0px;
left: 205px;
z-index: 200000;
width: 500px;
background-color:#eeeeee;
padding:15px;
border:2px solid #8D8A8A;
border-right:6px solid #8D8A8A;
border-bottom:6px solid #8D8A8A;}
</style>

<SCRIPT LANGUAGE="Javascript">
 // fin de script
</SCRIPT>

<a class="open" onclick="document.getElementById('win2').style.display ='block';" href="#nogo">Ouvrir la fenetre en cliquant ici</a>

<div id="win2">
CONTENU DE LA FENETRE DIV
</div>

À l'ouverture tu te déclare un timer qui appellera une autre fonction au bout de 5 seconde pour fermer ton DIV :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <SCRIPT LANGUAGE="Javascript">  // fin de script </SCRIPT>
Code:

<a class="open" onclick="ouvrirDIV();" href="#nogo">Ouvrir la fenetre en cliquant ici</a>

19/02/2006, 19h17
BrPi

ça ne fonctionne pas on dirait... mais je vais voir si je peux faire une bidouille avec ça comme base.

Merci beaucoup pour votre aide en tout cas

bonne fin de journée

Peut-être sommes nous obliger de garder le timer dans un variable comme ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<SCRIPT LANGUAGE="Javascript">
<!-- début de script
var objTimer = null;
function ouvrirDIV()
{
     document.getElementById("win2").style.display ='block';
     objTimer = setTimeout("fermerDIV()",5000);
}
 
function fermerDIV()
{
     document.getElementById("win2").style.display ='none';
}
--> // fin de script
</SCRIPT>

Voici un code qui fonctionne quelque soit le navigateur

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
/*---------------------------------Traitement du Popup------------------------------*/
var ie=document.all;
var dom=document.getElementById;
var ns4=document.layers;
var calunits=document.layers? "" : "px";
function initbox(){
	if (!dom&&!ie&&!ns4)
		return
			crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin;
			scroll_top=(ie)? truebody().scrollTop : window.pageYOffset;
			crossobj.top=scroll_top-250+calunits;
			crossobj.visibility=(dom||ie)? "visible" : "show";
			dropstart=setInterval("dropin()",20);
			setTimeout("dismissbox()", 10000);
}
function dropin(){
	scroll_top=(ie)? truebody().scrollTop : window.pageYOffset;
	if (parseInt(crossobj.top)<scroll_top)
		crossobj.top=parseInt(crossobj.top)+10+calunits;
	else
		clearInterval(dropstart);
}
function dismissbox(){
	if (window.bouncestart) clearInterval(bouncestart)
		crossobj.visibility="hidden";
}
function truebody(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
/*-----------------------------------------------------------------------------------------*/

Le dropin tu peux le retirer c'est juste un effet supplémentaire

Ou sans dropin et qui fonctionne toujours :

Code:

1
2
3
4
5
6
 
function Affich(){ 
   window.parent.document.getElementById('Pop').style.visibility='visible'; 
   setTimeout("window.parent.document.getElementById('Pop').style.visibility='hidden';",12500);// 
( 1 seconde=1000 ) 
}