Titre 1
Titre 2
Titre 3
Titre 4
Titre 5
Titre 6

Un menu par le click droit de la souris

 

Edité avec Adobe PageMill
Télécharger ici le script ( 2 Ko )

    1 - Copiez et collez entre les balises <head> et </head> où bon vous semble :

<!--webbot bot="HTMLMarkup" startspan -->

      <DIV id=ie5menu onclick=jumptoie5() onmouseout=lowlightie5() onmouseover=highlightie5()>
      <DIV class=menuitems url="votre_lien.html">Titre 1</DIV>
      <DIV class=menuitems url="votre_lien.html">Titre 2</DIV>
      <DIV class=menuitems url="votre_lien.html">Titre 3</DIV>
      <DIV class=menuitems url="votre_lien.html">Titre 4</DIV>
      <DIV class=menuitems url="votre_lien.html">Titre 5</DIV>
      <DIV class=menuitems url="votre_lien.html">Titre 6</DIV></DIV>
      <SCRIPT language=JavaScript1.2>
document.oncontextmenu=showmenuie5
if (document.all&&window.print)
document.body.onclick=hidemenuie5
</SCRIPT>
<!--webbot bot="HTMLMarkup" endspan -->

<style>#ie5menu
    { background-color: #E1E1E1; cursor: hand; font-family: Verdana; color=black; line-height:
               15px; position: absolute; visibility: hidden; width: 220px;
               border-left: 3px solid #0100E5; border-right: 3px solid #0100E5;
               border-top: 3px solid #0001FD; border-bottom: 3px solid #0001FD }
.menuitems   { padding-left: 10px; padding-right: 10px }
</style>
<SCRIPT language=JavaScript1.2>
menu_par_clik_droitvar display_url=0

function showmenuie5(){
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY

if (rightedge<ie5menu.offsetWidth)
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
else
ie5menu.style.left=document.body.scrollLeft+event.clientX

if (bottomedge<ie5menu.offsetHeight)
ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight
else
ie5menu.style.top=document.body.scrollTop+event.clientY

ie5menu.style.visibility="visible"
return false
}

function hidemenuie5(){
ie5menu.style.visibility="hidden"
}

function highlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="#C80000"//couleur barre de sélection
event.srcElement.style.color="FFFFFF"
if (display_url==1)
window.status=event.srcElement.url
}
}

function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="#E1E1E1"
event.srcElement.style.color="#000000"
window.status=''
}
}

function jumptoie5(){
if (event.srcElement.className=="menuitems")
window.location=event.srcElement.url
}
</SCRIPT>

    2 - Copiez et collez entre les balises <body> et </body> où bon vous semble :

<!--webbot bot="HTMLMarkup" startspan -->

      <DIV id=ie5menu onclick=jumptoie5() onmouseout=lowlightie5() onmouseover=highlightie5()>
      <DIV class=menuitems url="votre_lien.html">Titre 1</DIV>
      <DIV class=menuitems url="votre_lien.html">Titre 2</DIV>
      <DIV class=menuitems url="votre_lien.html">Titre 3</DIV>
      <DIV class=menuitems url="votre_lien.html">Titre 4</DIV>
      <DIV class=menuitems url="votre_lien.html">Titre 5</DIV>
      <DIV class=menuitems url="votre_lien.html">Titre 6</DIV></DIV>
      <SCRIPT language=JavaScript1.2>
document.oncontextmenu=showmenuie5
if (document.all&&window.print)
document.body.onclick=hidemenuie5
</SCRIPT>
<!--webbot bot="HTMLMarkup" endspan -->

© Copyright GendNet 2000 Tout droit de reproduction strictement réservé aux membres de l'association ®