Discussion :

[BrPi]

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">
<!-- début de script

function divtemp()
{setTimeout(document.win2.style.display ='none',5000);}
if (document.win2.style.display ='block')
divtemp();
--> // 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>

[efficks]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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

[efficks]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[Kerod]

Voici un code qui fonctionne quelque soit le navigateur

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ) 
}