ah oui exact , le voici : menu.php
<script language="javascript">
var TotalMenu=9;
function ouvrirLien(url,ouverture) {
// Cette fonction permet d'ouvrir trois type de lien
// 1 : Dans la fenêtre courante
// 2 : Dans une nouvelle fenêtre
// 3 : Dans une frame dont la cible doit être précisé
switch (ouverture) {
case "0" :
// Ouverture dans la fenêtre courante
document.location.href = url;
break;
case "1" :
// Ouverture d'une nouvelle fenêtre
window.open(url)
break;
case "3" :
// Ouverture dans une frame
window.top.parent.frames[cible].location.href = url
break;
default :
// Normalement, on n'arrive jamais ici
alert('Erreur : Cette valeur est hors limite');
break;
}
}
function clickMenu(num)
{
// Booléen reconnaissant le navigateur (vu en partie 2)
isIE = (document.all)?true:false; //IE 6
isNN6 = (document.getElementById)?true:false;
isNN1=(document.getElementByName)?true:false; //firefox
isNN4=(document.layers)?true:false;
// Compatibilité : l'objet menu est détecté selon le navigateur
if (isIE) menu = document.all['menu' + num];
if (isNN6) menu = document.getElementById('menu' + num);
for (i=1;i<=TotalMenu;i++)
{
if (document.all['menu'+i])
{
if (i != num)
{
if (isIE) menuDiff = document.all['menu'+i];
if (isNN6) menuDiff = document.getElementById('menu'+i);
if (menuDiff.style.display != "none")
{
menuDiff.style.display = "none"
}
}
}
}
// On ouvre ou ferme
if (menu.style.display == "none")
{
// Cas ou le tableau est caché
menu.style.display = ""
} else
{
// On le cache
menu.style.display = "none"
}
}
</script>
<style type="text/css">
td.titre1 {
vertical-align:middle;
color: #000000;
cursor: hand;
background-image: url(/design/titremenu.gif);
height:16px;
background-repeat: repeat-x;
text-indent:5px;
}
.input {
background-color: #006699;
border: thin #000066;
height:18px;
font-family: "Times New Roman", Times, serif;
}
td.soustitre1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-image: url(/design/titressmenu.gif);
background-repeat: repeat-x;
color: #000000;
cursor: hand;
text-indent:15px;
height: 12px;
}
td.soustitreover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-image: url(/design/titressmenuover.gif);
background-repeat: repeat-x;
color: #000000;
cursor: hand;
text-indent:15px;
height: 12px;
}
td.titreover {
vertical-align:middle;
height:16px;
color: #000000;
cursor: hand;
background-image: url(/design/titremenuover.gif);
background-repeat: repeat-x;
text-indent:5px;
}
.Style1 {font-size: 80%}
</style>
<? // Accueil // ?>
<table width="125px" border="0" cellspacing="0">
<tr>
<td class="titre1" onmouseover="this.className='titreover';title='Accueil'" onmouseout="this.className='titre1'" onclick="ouvrirLien('index.php','0')">Accueil</td>
</tr>
</table>
<? // Contact ?>
<table width="125px" border="0" cellspacing="0">
<tr><td class="titre1" onmouseover="this.className='titreover';title='Pour me contacter'" onmouseout="this.className='titre1'" onClick="clickMenu(3)">Contact</td></tr>
</table>
<table style="display:none" width="125px" border="0" cellspacing="0" id="menu3" >
<tr><td class="soustitre1" onmouseover="this.className='soustitreover';title='Inscrire un message dans le livre d\'or'" onmouseout="this.className='soustitre1'" onclick="ouvrirLien('book.php','0')">Livre d'or</td></tr>
<tr><td class="soustitre1" onmouseover="this.className='soustitreover';title='M\'envoyer un mail'" onmouseout="this.className='soustitre1'" onclick="ouvrirLien('ecrire.php','0')">Email</td></tr>
</table>
<? // Communiquer ?>
<table width="125px" border="0" cellspacing="0">
<tr><td class="titre1" onmouseover="this.className='titreover';title='Communiquer'" onmouseout="this.className='titre1'" onClick="clickMenu(4)">Communiquer</td></tr>
</table>
<table style="display:none" width="125px" border="0" cellspacing="0" id="menu4" >
<tr><td class="soustitre1" onmouseover="this.className='soustitreover';title='Participer au mini forum interne'" onmouseout="this.className='soustitre1'" onclick="ouvrirLien('forum/index.php','0')">MiniForum</td></tr>
<tr><td class="soustitre1" onmouseover="this.className='soustitreover';title='Participer au forum'" onmouseout="this.className='soustitre1'" onclick="ouvrirLien('http://forum.rogerstudio.com','0')">BigForum</td></tr>
<tr><td class="soustitre1" onmouseover="this.className='soustitreover';title='Espace rencontres gratuit'" onmouseout="this.className='soustitre1'" onclick="ouvrirLien('http://rencontres.rogerstudio.com','0')">Rencontres</td></tr>
</table>
Bon il ya dautres menus , mais ils ont le meme principe : un tableau princpal avec le titre et un tableau secondaire (visible ou non) avec les liens.
Et mon probleme , c'est que ce menu ne fonctionne pas sous firefox et netscape.
Meme la classe "td.titreover " devrai afficher la main au dessus du bouton , ca ne marche pas ça.
merci.