mettre un boite de dialogue à l'ouverture page

**BXDSPORT** · 16/02/2011, 14h38

Bonjour

J'aurai besoin d'avoir un fenêtre ou boite de dialogue me permettant à l'ouverture de la page html ou php du style qui apparaissent sur certains sites à gauche de l'écran. Elle doit pouvoir accueillir un animation FLASH.

Vous pouvez me donner la méthode pour effectuer ce type de fenêtre.

J'espère être clair.

Cordialement

**RomainVALERI** · 16/02/2011, 15h28

window.open ? ^^

**BXDSPORT** · 16/02/2011, 15h47

Seul hic, je pense de cette fonction fait que la fenêtre est interprétée comme un pop up et que les antipopup la déactiverai.

**andry.aime** · 16/02/2011, 17h16

Bonsoir

Tu crées un div avec une postion absolute, et le max des z-index de ton css qui contiendra le contenu de ton popup. Dans le coin haut à droite, tu mets un image d'un petit croix pour le fermer et quand on clique dessus, tu mets display:none au div.

A+.

Invité · 16/02/2011, 18h22

j'ai trouve ca dans ma boite a outils je pense que c'est ce que toi vouloir recherché

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>menu gauche</title>
<link rel="stylesheet" type="text/css" href="buzz.css"></head>
<style type="text/css">
 
#nunu{
position:fixed;
top:50px;
left:-200px;
width:200px;
height:200px;
background-color:black;
z-Index:10
}
 
#touche{
position:absolute;
right:-20px;
top:0px;
width:20px;
height:100px;
background-color:red;
}
 
</style>
 
<script type="text/javascript" language="JavaScript">
 
function aller(){
 
var nume=document.getElementById('nunu');
nume.style.left=nume.offsetLeft+10+'px';
if(nume.offsetLeft==0){
document.getElementById('touche').onclick=retour;
return false;
}
setTimeout(aller,10);
}
 
function retour(){
 
var nume=document.getElementById('nunu');
nume.style.left=nume.offsetLeft-10+'px';
if(nume.offsetLeft<=-(nume.offsetWidth)){
document.getElementById('touche').onclick=aller;
return false;
}
setTimeout(retour,10);
}
 
onload=aller;
 
</script>
</head>
<body>
<div id="nunu">
 
<div id='touche' onclick='aller()'>
</div>
</div>
</body>
</html>

**andry.aime** · 16/02/2011, 18h28

@mekal: Pourquoi tu n'utilise jamais un ";" dans ton code javascript?

mettre un boite de dialogue à l'ouverture page

JavaScript

Vue hybride

Discussions similaires

Partager

Partager