new!
|
|
|
 |
| > style = "position: absolute; |
[ Posté par Malabarbe ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 05-05-2008 à 21:41 | 45 messages ]
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 :
<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 ointer;
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
|
|
|
[ Posté par macmillenium ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 05-05-2008 à 21:58 | 324 messages ]
Bonsoir,
<style>
#menu{
position:absolute;
top:80px;
width:225px;
left:50%;
margin-left:-113px;
border:3px solid navy;
background-color:lightblue;
font-family:Arial, Verdana;
font-size: 12pt;
color:#000080;
line-height:24px;
cursorointer;
visibility:hidden;
} |
|
________________
Intégrateur/Développeur
--
Mon site CV, http://www.iheb-benromdhane.com
La version 2.0 de mon site anti pirate, http://macmillenium.free.fr
| [ Posté par Malabarbe ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 05-05-2008 à 22:08 | 45 messages ]
Bonsoir,
Non cela ne fonctionne pas !
Cela change seulement l'emplacement du curseur de la souris qui était en bas a gauche du message et qui maintenant est au milieu et en bas du message.
Le message s'affiche toujours a l'endroit du click et non au milieu de l'écran comme je le voudrais.
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
