voici mon code complet
<html>
<head>
<!-- Importe le fichier comportants les classes de style, puis les sources du menu -->
<LINK REL="stylesheet" TYPE="text/css" HREF="Styles.css">
<SCRIPT SRC="MenuContext/MenuContext.js"></SCRIPT>
<SCRIPT SRC="MenuContext/Menus.js"></SCRIPT>
<SCRIPT SRC="MenuContext/Items.js"></SCRIPT>
<script>
function ItemFonction( index, texte )
{
alert( "Ici, on peut faire ce qu'on veux, comme cacher l'image" )
GetElement( "img3" ).style.display = "none"
}
function ClickOnItem( indexItem, texteItem)
{
window.location.href=indexItem;
}
// "evenementSouris" doit être intercepté et passé à la fonction "ShowMenu" (pour Mozilla)
function ChangeAndShowMenu_0( evenementSouris )
{
// Met le menu contextuel voulus
menuContext.ChangeMenuActif( "0" )
// Affiche le menu
// Ne pas oublier le "return" (ShowMenu retourne toujours false) pour que le menu par défaut ne s'affiche pas
return ShowMenu( evenementSouris )
}
function ChangeAndShowMenu_1( evenementSouris )
{
menuContext.ChangeMenuActif( "1" )
return ShowMenu( evenementSouris )
}
function ChangeAndShowMenu_2( evenementSouris )
{
menuContext.ChangeMenuActif( "2" )
return ShowMenu( evenementSouris )
}
function ChangeAndShowMenu_3( evenementSouris )
{
menuContext.ChangeMenuActif( "3" )
return ShowMenu( evenementSouris )
}
</script>
</head>
<!-- ici, j'ai supprimer le menu contextuel du navigateur, mais c'est pas obligatoire -->
<body onselectstart="return false" ondragstart="return false" oncontextmenu="return false">
<table border="1" bgcolor="" width="100%" height="100%">
<tr>
<td width="">
<table border="1" bgcolor="" width="100%" height="100%">
<tr>
<td width="">
<td width="">
<table border="1" bgcolor="" width="100%">
<tr>
<td width="">
<img id="img1" src="Images/1.gif"></img>
<img id="img2" src="Images/4.gif"></img>
<img id="img3" src="Images/5.gif"></img>
<img id="img4" src="Images/06.gif"></img>
<script>
// Fait appel aux fonctions permettant de modifier le menu actif avant de l'afficher
// Il faut absolument capturer les évènements de cette manière pour que les propriétés de la souris
// soient passés à la fonction ShowMenu_0 (inutile pour IE, mais Netscape en a besoin)
GetElement( "img1" ).oncontextmenu = ChangeAndShowMenu_0
GetElement( "img2" ).oncontextmenu = ChangeAndShowMenu_1
GetElement( "img3" ).oncontextmenu = ChangeAndShowMenu_2
GetElement( "img4" ).oncontextmenu = ChangeAndShowMenu_3
// Crée le premier menu
var menu1 = menuContext.Add( "MenuDegrade" )
// Ajoute un sous-menu (grâce à "MakeSubMenu")
// Ici, on ne veut pas appeler de fonction lors d'un click donc : ""
menu1.Add( "", "Item", "ItemDegrade", "ItemOnFocus" ).SetFunction( "ClickOnItem" )
menu1.Add( "", "Item", "ItemDegrade", "ItemOnFocus" ).SetFunction( "ClickOnItem" )
var menu2 = menuContext.Add( "MenuDegrade" )
// Ajoute un sous-menu (grâce à "MakeSubMenu")
// Ici, on ne veut pas appeler de fonction lors d'un click donc : ""
menu2.Add( "", "Menu", "ItemDegrade", "ItemOnFocus" ).SetFunction( "ClickOnItem" )
menu2.Add( "", "Item", "ItemDegrade", "ItemOnFocus" ).SetFunction( "ClickOnItem" )
var menu3 = menuContext.Add( "MenuDegrade" )
// Ajoute un sous-menu (grâce à "MakeSubMenu")
// Ici, on ne veut pas appeler de fonction lors d'un click donc : ""
menu3.Add( "", "bienvenue", "ItemDegrade", "ItemOnFocus" ).SetFunction( "ClickOnItem" )
menu3.Add( "", "ca va", "ItemDegrade", "ItemOnFocus" ).SetFunction( "ClickOnItem" )
var menu4 = menuContext.Add( "MenuDegrade" )
// Ajoute un sous-menu (grâce à "MakeSubMenu")
// Ici, on ne veut pas appeler de fonction lors d'un click donc : ""
menu4.Add( "", "hello", "ItemDegrade", "ItemOnFocus" ).SetFunction( "ClickOnItem" )
menu4.Add( "", "Item", "ItemDegrade", "ItemOnFocus" ).SetFunction( "ClickOnItem" )
menuContext.Start( false )
</script>
</td>
</tr>
</table>
</td>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
je fais comment s'il te plais pour mes liens
Et j'ai juste un question, c'est quoi comme type de menu, un menu de navigation, ou un menu contextuel (clique droit) ?