style = "position: absolute;

**malabarbe** · 05/05/2008, 21h33

Bonsoir,

Mon script qui me permet d'afficher un message
avec le click droit fonctionne bien, mais je voudrais
centrer le message en milieu de page.

J'ai testé style="position: absolute;
mais pas de résultats.

Mon code :

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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
 
<style>
#menu{
position: absolute; top: 80 px; left: 100 px;
width:225px;
border:3px solid navy;
background-color:lightblue;
font-family:Arial, Verdana;
font-size: 12pt;
color:#000080;
line-height:24px;
cursor:pointer;
visibility:hidden;
}
.menuitems{
//padding-left:5px;
//padding-right:5px;
}
</style>
 
<script language="JavaScript1.2">
var display_url=1
 
function showmenu(){
var rightedge=1000 //document.body.clientWidth-event  //.clientX
var bottomedge=0 //document.body.clientHeight-event  //.clientY
if (rightedge<menu.offsetWidth)
menu.style.left=document.body.scrollLeft+event.clientX-menu  //.offsetmid  //Width
else
menu.style.left=document.body.scrollLeft+event.clientX
if (bottomedge<menu.offsetHeight)
menu.style.top=document.body.scrollTop+event.clientY-menu.offsetHeight
else
menu.style.top=document.body.scrollTop+event.clientY
menu.style.visibility="visible"
return false
}
 
function hidemenu(){ menu.style.visibility="hidden" }
 
function over(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="yellow"
if (display_url==1)
window.status=event.srcElement.url
}
}
 
function out(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="#000080"
window.status=''
}
}
 
function linkTo(){
if (event.srcElement.className=="menuitems")
window.location=event.srcElement.url
}
</script>
</head>
 
<body>
<center>
<p><img align="center" border="0" src="Mini/0489.jpg" width="720" height="460"></p>
<div id="menu" onMouseover="over()" onMouseout="out()" onClick="linkTo()">
<CENTER><b><i>
<div class="menuitems" align="center" url="Maxi/0489.jpg"> Afficher la Photo en haute résolution !</div>
 
<script language="JavaScript1.2">
document.oncontextmenu=showmenu
if (document.all&&window.print)
document.body.onclick=hidemenu
</script> 
 
</body>
</html>

Merci de votre aide

**Sacha999** · 06/05/2008, 00h18

Pour centrer ton contextmenu (FireFox)

Code :

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

1
2
3
4
5
6
 
menu.style.position = 'absolute';
//Position X
menu.style.top = (window.innerHeight /2) - (menu.offsetHeight /2) + 'px';
//Position Y
menu.style.left = (window.innerWidth /2) - (menu.offsetWidth /2)  + 'px';

Pour (IE)

Code :

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

1
2
3
4
5
6
 
menu.style.position = 'absolute';
//Position X
menu.style.top = (document.body.clientHeight /2) - (menu.offsetHeight /2) + 'px';
//Position Y
menu.style.left = (document.body.clientWidth /2) - (menu.offsetWidth /2)  + 'px';

**malabarbe** · 06/05/2008, 00h58

Salut,

Ok pour ton code, il tourne parfaitement.

Super Merci

@ +

style = "position: absolute;

JavaScript

Discussions similaires

Partager

Partager