Bonjour,
J'apprend le javascript depuis hier et j'ai donc commencer un peu a trifouiller un code que j'ai trouvé sur un site. Je souhaite en faite afficher une fenetre DHTML quand on clique droit et que celle-ci se ferme quand la souris sort de la fenetre. Mais voila, il y a un bug et aucune erreur ne m'informe du problème. La fenetre se ferme quand on bouge la souris dans celle-ci.
Voici mon code entre head et /head :Entre body et /body :
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 <style type="text/css"> #bloc{ z-index:500; position:absolute; border:1px solid #9D9DA1; background-color:#ffffff; cursor:default; visibility:hidden; } </style> <script language="JavaScript1.2"> // Fonction position souris. function souris_position(a){ if(navigator.appName.substring(0,3) == "Net"){ position_x = a.pageX; position_y = a.pageY; }else{ position_x = event.x+document.body.scrollLeft; position_y = event.y+document.body.scrollTop; } } function bloc_open(){ document.getElementById("bloc").style.top = position_y-5; document.getElementById("bloc").style.left = position_x-5; document.getElementById("bloc").style.visibility ="visible"; return(false); } function bloc_close(){ document.getElementById("bloc").style.top = 0; document.getElementById("bloc").style.left = 0; document.getElementById("bloc").style.visibility ="hidden"; } if(navigator.appName.substring(0,3) == "Net")document.captureEvents(Event.MOUSEMOVE); </script>Merci de votre aide !
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 <div id="bloc" onMouseOut="bloc_close();"> <table style="width:200px;"><tr> <td style="background-color:#566A99; font-family:Verdana; font-size:10pt; color:#FFFFFF; font-weight:bold;"> Menu</td> </tr><tr> <td>a</td> </tr></table></div> <script language="JavaScript"> document.onmousemove = souris_position; document.oncontextmenu = bloc_open; </script>
Partager