style = "position: absolute;
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:
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
