[menu click droit]
salim81
Messages postés
19
Statut
Membre
-
Cyberium -
Cyberium -
bonjour a tous!
bon j'ai un menu comme ci-dessous:
menu:
process1
process2
j'ai telechargé le code javascript qui permet d'afficher un menu contextuel lors d'un clique droit sur un element de menu.
menu contextuel:
start
stop
le code javascript:
<script type="text/javascript">
document.write("<style>h3{COLOR:'#555555'; font: 11px 'Trebuchet MS', Tahoma, Geneva, Arial, Helvetica, sans-serif;} #mleft{COLOR: #0FB000; text-align:center; float:left; width:132px; margin-bottom:2px;} .cbar h3{font-weight:bold; background-image:url(mimg/mh.gif); background-position: top left; margin:0px 3px;text-align:left; padding: 9px 8px 3px 8px; line-height:13px;} .cbar .box {background-image:url(mimg/mb.gif); background-position:bottom left; background-repeat:no-repeat; margin:0px 3px 3px 3px; text-align:left; width:126px; padding-bottom:5px; overflow:hidden;} ul.menu li{background-image:url(mimg/mp.gif); background-repeat: repeat-x; padding: 3px 3px;} ul.menu li div{background-image: url(mimg/mg.gif); background-position: 0px 5px; background-repeat: no-repeat; padding-left: 9px; margin-left:3px; line-height:14px;} UL {margin: 0 5px; list-style-type: none;}</style>")
function afficher_menu(){gauche=document.body.scrollLeft+event.clientX;
if (document.body.clientWidth-event.clientX<m.offsetWidth){gauche-=m.offsetWidth;}
haut=document.body.scrollTop+event.clientY;
if (document.body.clientHeight-event.clientY<m.offsetHeight){haut-=m.offsetHeight;if(haut<0){haut=5}}
with (m.style){left=gauche; top=haut; visibility="visible";} return false;}
function cacher_menu(){m.style.visibility="hidden";}
function menu_over(){if (event.srcElement.className=="rub"){
with (event.srcElement.style){color="#0FBFFF";} status=event.srcElement.url;}}
function menu_out(){if (event.srcElement.className=="rub"){
with (event.srcElement.style){color="#0FB000";} status="";}}
function menu_click(){if (event.srcElement.className=="rub"){parent.frames[1].location=event.srcElement.url;}}
//document.oncontextmenu=afficher_menu;
document.write("<div id='m' style='position: absolute; visibility: hidden; width:126px; cursor: default; font: menu;' onMouseOver='menu_over()' onMouseOut='menu_out()' onClick='menu_click()'> <div id='mleft' class='cbar'><h3></h3><div class='box'> <ul class='menu'> <li><div class='rub' url='start.php'>Start</div> <div class='rub' url='stop.php'>Stop</div> <div class='rub' url='restart.php'>Restart</div></li></div></div></div><body onClick='cacher_menu()'>")
</script>
mon probléme c'est que je sais pas comment changer la fonction function menu_click() et le div de facon que lorsque je clique sur start pour process1 il me redirige vers une page (exp start.php)et quand je clique sur start pour l'element process2 il me redirige vers une autre page.
svp si quelqu'un a une idéé merci de me debloqué.
cordialement!
bon j'ai un menu comme ci-dessous:
menu:
process1
process2
j'ai telechargé le code javascript qui permet d'afficher un menu contextuel lors d'un clique droit sur un element de menu.
menu contextuel:
start
stop
le code javascript:
<script type="text/javascript">
document.write("<style>h3{COLOR:'#555555'; font: 11px 'Trebuchet MS', Tahoma, Geneva, Arial, Helvetica, sans-serif;} #mleft{COLOR: #0FB000; text-align:center; float:left; width:132px; margin-bottom:2px;} .cbar h3{font-weight:bold; background-image:url(mimg/mh.gif); background-position: top left; margin:0px 3px;text-align:left; padding: 9px 8px 3px 8px; line-height:13px;} .cbar .box {background-image:url(mimg/mb.gif); background-position:bottom left; background-repeat:no-repeat; margin:0px 3px 3px 3px; text-align:left; width:126px; padding-bottom:5px; overflow:hidden;} ul.menu li{background-image:url(mimg/mp.gif); background-repeat: repeat-x; padding: 3px 3px;} ul.menu li div{background-image: url(mimg/mg.gif); background-position: 0px 5px; background-repeat: no-repeat; padding-left: 9px; margin-left:3px; line-height:14px;} UL {margin: 0 5px; list-style-type: none;}</style>")
function afficher_menu(){gauche=document.body.scrollLeft+event.clientX;
if (document.body.clientWidth-event.clientX<m.offsetWidth){gauche-=m.offsetWidth;}
haut=document.body.scrollTop+event.clientY;
if (document.body.clientHeight-event.clientY<m.offsetHeight){haut-=m.offsetHeight;if(haut<0){haut=5}}
with (m.style){left=gauche; top=haut; visibility="visible";} return false;}
function cacher_menu(){m.style.visibility="hidden";}
function menu_over(){if (event.srcElement.className=="rub"){
with (event.srcElement.style){color="#0FBFFF";} status=event.srcElement.url;}}
function menu_out(){if (event.srcElement.className=="rub"){
with (event.srcElement.style){color="#0FB000";} status="";}}
function menu_click(){if (event.srcElement.className=="rub"){parent.frames[1].location=event.srcElement.url;}}
//document.oncontextmenu=afficher_menu;
document.write("<div id='m' style='position: absolute; visibility: hidden; width:126px; cursor: default; font: menu;' onMouseOver='menu_over()' onMouseOut='menu_out()' onClick='menu_click()'> <div id='mleft' class='cbar'><h3></h3><div class='box'> <ul class='menu'> <li><div class='rub' url='start.php'>Start</div> <div class='rub' url='stop.php'>Stop</div> <div class='rub' url='restart.php'>Restart</div></li></div></div></div><body onClick='cacher_menu()'>")
</script>
mon probléme c'est que je sais pas comment changer la fonction function menu_click() et le div de facon que lorsque je clique sur start pour process1 il me redirige vers une page (exp start.php)et quand je clique sur start pour l'element process2 il me redirige vers une autre page.
svp si quelqu'un a une idéé merci de me debloqué.
cordialement!
A voir également:
- [menu click droit]
- Menu déroulant excel - Guide
- Remettre ecran droit - Guide
- Menu caché tv continental edison ✓ - Forum Téléviseurs
- Trait droit clavier - Forum Windows
- Photo libre de droit - Guide
1 réponse
Prends ce script, il est plus simple et plus facile à modifier :
<!-- DEBUT DU SCRIPT -->
<style type="text/css">
.ejs_context_menuitems{padding-left:12px; padding-right:7px; }
</style><script language="JavaScript1.2">
/*
Source du Script: Editeur Javascript (http://editeurjavascript.com)
Script adapté pour: Xooit.com (http://www.xooit.com)
*/
ejs_context_elemt = new Array;
ejs_context_elemt[0] = "Page précédente|history.go(-1)";
ejs_context_elemt[1] = "Page suivante|history.go(1)";
ejs_context_elemt[2] = "";
ejs_context_elemt[3] = 'Portail|document.location.href=\'portal.php\'';
ejs_context_elemt[4] = 'Index|document.location.href=\'index.php\'';
ejs_context_elemt[5] = 'Aide Générale|document.location.href=\'faq.php\'';
ejs_context_elemt[6] = 'Aide BBCode|document.location.href=\'faq.php?mode=bbcode\'';
ejs_context_elemt[7] = 'Recherche|document.location.href=\'search.php\'';
ejs_context_elemt[8] = 'Membres|document.location.href=\'memberlist.php\'';
ejs_context_elemt[9] = 'Groupes|document.location.href=\'groupcp.php\'';
ejs_context_elemt[10] = 'Profil|document.location.href=\'profile.php?mode=editprofile\'';
ejs_context_elemt[11] = '';
ejs_context_elemt[12] = 'Connexion|document.location.href=\'login.php\'';
ejs_context_elemt[13] = 'Inscription|document.location.href=\'profile.php?mode=register\'';
ejs_context_elemt[14] = 'Messages Privés|document.location.href=\'privmsg.php?folder=inbox\'';
ejs_context_elemt[15] = 'Statistiques|document.location.href=\'stats.php\'';
ejs_context_elemt[16] = 'Qui est en ligne?|document.location.href=\'viewonline.php\'';
ejs_context_elemt[17] = '';
ejs_context_elemt[18] = 'Xooit.com|document.location.href=\'http://www.xooit.com/\'';
ejs_context_elemt[19] = 'Créer un forum|document.location.href=\'http://www.xooit.com/fr/creer-forum.html?\'';
ejs_context_elemt[20] = 'Forum d\'entraide|document.location.href=\'http://xooit.xooit.com\'';
ejs_context_elemt[21] = 'Annuaire|document.location.href=\'http://www.xooit.com/fr/annuaire\'';
ejs_context_elemt[22] = 'TopForums|document.location.href=\'http://topforums.xooit.net/xooit/index.php\'';
function ejs_context_position(e)
{
ejs_context_x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
ejs_context_y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
}
function ejs_context_open()
{
document.getElementById("ejs_context_box").style.top = ejs_context_y;
document.getElementById("ejs_context_box").style.left = ejs_context_x;
document.getElementById("ejs_context_ombre").style.top = ejs_context_y+2;
document.getElementById("ejs_context_ombre").style.left = ejs_context_x+2;
document.getElementById("ejs_context_box").style.visibility = "visible";
document.getElementById("ejs_context_ombre").style.visibility = "visible";
return(false);
}
function ejs_context_close()
{
if (document.getElementById)
{
document.getElementById("ejs_context_box").style.top = 0;
document.getElementById("ejs_context_box").style.left = 0;
document.getElementById("ejs_context_ombre").style.top = 0;
document.getElementById("ejs_context_ombre").style.left = 0;
document.getElementById("ejs_context_box").style.visibility = "hidden";
document.getElementById("ejs_context_ombre").style.visibility = "hidden";
}
}
function ejs_context_hl(mode, element)
{
if(mode == 1)
{
element.style.background = '#CC0000';
element.style.color = '#ffffff';
}
else
{
element.style.background ='#ffffff';
element.style.color = '#CC0000';
}
}
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
</script>
<!-- FIN DU SCRIPT -->
<!-- DEBUT DU SCRIPT -->
<style type="text/css">
.ejs_context_menuitems{padding-left:12px; padding-right:7px; }
</style><script language="JavaScript1.2">
/*
Source du Script: Editeur Javascript (http://editeurjavascript.com)
Script adapté pour: Xooit.com (http://www.xooit.com)
*/
ejs_context_elemt = new Array;
ejs_context_elemt[0] = "Page précédente|history.go(-1)";
ejs_context_elemt[1] = "Page suivante|history.go(1)";
ejs_context_elemt[2] = "";
ejs_context_elemt[3] = 'Portail|document.location.href=\'portal.php\'';
ejs_context_elemt[4] = 'Index|document.location.href=\'index.php\'';
ejs_context_elemt[5] = 'Aide Générale|document.location.href=\'faq.php\'';
ejs_context_elemt[6] = 'Aide BBCode|document.location.href=\'faq.php?mode=bbcode\'';
ejs_context_elemt[7] = 'Recherche|document.location.href=\'search.php\'';
ejs_context_elemt[8] = 'Membres|document.location.href=\'memberlist.php\'';
ejs_context_elemt[9] = 'Groupes|document.location.href=\'groupcp.php\'';
ejs_context_elemt[10] = 'Profil|document.location.href=\'profile.php?mode=editprofile\'';
ejs_context_elemt[11] = '';
ejs_context_elemt[12] = 'Connexion|document.location.href=\'login.php\'';
ejs_context_elemt[13] = 'Inscription|document.location.href=\'profile.php?mode=register\'';
ejs_context_elemt[14] = 'Messages Privés|document.location.href=\'privmsg.php?folder=inbox\'';
ejs_context_elemt[15] = 'Statistiques|document.location.href=\'stats.php\'';
ejs_context_elemt[16] = 'Qui est en ligne?|document.location.href=\'viewonline.php\'';
ejs_context_elemt[17] = '';
ejs_context_elemt[18] = 'Xooit.com|document.location.href=\'http://www.xooit.com/\'';
ejs_context_elemt[19] = 'Créer un forum|document.location.href=\'http://www.xooit.com/fr/creer-forum.html?\'';
ejs_context_elemt[20] = 'Forum d\'entraide|document.location.href=\'http://xooit.xooit.com\'';
ejs_context_elemt[21] = 'Annuaire|document.location.href=\'http://www.xooit.com/fr/annuaire\'';
ejs_context_elemt[22] = 'TopForums|document.location.href=\'http://topforums.xooit.net/xooit/index.php\'';
function ejs_context_position(e)
{
ejs_context_x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
ejs_context_y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
}
function ejs_context_open()
{
document.getElementById("ejs_context_box").style.top = ejs_context_y;
document.getElementById("ejs_context_box").style.left = ejs_context_x;
document.getElementById("ejs_context_ombre").style.top = ejs_context_y+2;
document.getElementById("ejs_context_ombre").style.left = ejs_context_x+2;
document.getElementById("ejs_context_box").style.visibility = "visible";
document.getElementById("ejs_context_ombre").style.visibility = "visible";
return(false);
}
function ejs_context_close()
{
if (document.getElementById)
{
document.getElementById("ejs_context_box").style.top = 0;
document.getElementById("ejs_context_box").style.left = 0;
document.getElementById("ejs_context_ombre").style.top = 0;
document.getElementById("ejs_context_ombre").style.left = 0;
document.getElementById("ejs_context_box").style.visibility = "hidden";
document.getElementById("ejs_context_ombre").style.visibility = "hidden";
}
}
function ejs_context_hl(mode, element)
{
if(mode == 1)
{
element.style.background = '#CC0000';
element.style.color = '#ffffff';
}
else
{
element.style.background ='#ffffff';
element.style.color = '#CC0000';
}
}
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
</script>
<!-- FIN DU SCRIPT -->
