Bonjour
J'ai un problème avec un menu en css et javascript
voici un lien pour mieux comprendre mon problème :
http://www.over-side.fr/probleme/
je souhaite que si on visite la page "Faits marquants" dans le menu2 que le sous menu 2 reste affiché
ça j'y arrive mais lorsque je passe sur le menu 1 les liens du sous menu1 et sous menu2 se superpose
accrochez vous, voici mon code entre <head></head>
dans le body :
J'ai un problème avec un menu en css et javascript
voici un lien pour mieux comprendre mon problème :
http://www.over-side.fr/probleme/
je souhaite que si on visite la page "Faits marquants" dans le menu2 que le sous menu 2 reste affiché
ça j'y arrive mais lorsque je passe sur le menu 1 les liens du sous menu1 et sous menu2 se superpose
accrochez vous, voici mon code entre <head></head>
<script type="text/javascript">
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
</script>
<script type="text/javascript">
window.onload=montre;
function affiche(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenuderoul'+i)) {document.getElementById('smenuderoul'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
</script>
dans le body :
<?PHP
if(isset($_GET['color']))
{
$color=$_GET['color'];
}
else{$color=0;}
?>
<div id="header" >
<img src="images/logo-securidev.png" class="logo" alt="Sécuridev" border=0 />
<div id="menu" onmouseout="javascript:affiche('');"><img src="images/menu/1.gif" class="menu_border" border=0 />
<a href="#" class="case_groupe" onmouseover="montre('smenu1');" onmouseout="javascript:affiche('');"><center>Le groupe</center></a>
<img src="images/menu/2.gif" class="menu_border" border=0 />
<a href="#" class="case_actu" onmouseover="montre('smenu2');" onmouseout="javascript:affiche('');"><center>Actualité</center></a>
<img src="images/menu/3.gif" class="menu_border" border=0 />
<a href="#" class="case_info" onmouseover="montre('smenu3');" onmouseout="javascript:affiche('');"><center>Informations financières</center></a>
<img src="images/menu/4.gif" class="menu_border" border=0 />
<a href="#" class="case_titre" onmouseover="montre('smenu4');" onmouseout="javascript:affiche('');"><center>La vie du titre</center></a>
<img src="images/menu/5.gif" class="menu_border" border=0 />
<a href="#" class="case_contact" onmouseover="montre('smenu5');" onmouseout="javascript:affiche('');"><center>Contacts</center></a>
</div>
</div>
<?PHP
if($color==1)
{
echo"<div id=\"menu2\"";
if($color==0){echo'style="border-top: 1px solid #DCDCDC;border-bottom: 1px solid #5C5C5C;background:#cccccc;"';}
if($color==1){echo'style="border-top: 1px solid #A3BFDC;border-bottom: 1px solid #32475C;background:#6699CC;"';}
if($color==2){echo'style="border-top: 1px solid #6BA4C0;border-bottom: 1px solid #052F43;background:#006699;"';}
if($color==3){echo'style="border-top: 1px solid #6B87A4;border-bottom: 1px solid #000000;background:#003366;"';}
if($color==4){echo'style="border-top: 1px solid #DCA36B;border-bottom: 1px solid #572E05;background:#CC6600;"';}
if($color==5){echo'style="border-top: 1px solid #C0BFBF;border-bottom: 1px solid #434342;background:#999999;"';}
echo">";
if($color==1)
{
echo'<div id="center"><a href="index.php" class="liensmenu">Accueil</a><img src="images/barre.gif" class="barre" border=0 />
<a href="groupe-europe.php?color=1" class="liensmenu">Le groupe en Europe</a><img src="images/barre.gif" class="barre" border=0 />
<a href="strategie.php?color=1" class="liensmenu">Stratégie</a><img src="images/barre.gif" class="barre" border=0 />
<a href="historique.php?color=1" class="liensmenu">Historique</a></div>';
}
echo"</div>";
}
else{
echo"<div id=\"menu2\"";
if($color==0){echo'style="border-top: 1px solid #DCDCDC;border-bottom: 1px solid #5C5C5C;background:#cccccc;"';}
if($color==1){echo'style="border-top: 1px solid #A3BFDC;border-bottom: 1px solid #32475C;background:#6699CC;"';}
if($color==2){echo'style="border-top: 1px solid #6BA4C0;border-bottom: 1px solid #052F43;background:#006699;"';}
if($color==3){echo'style="border-top: 1px solid #6B87A4;border-bottom: 1px solid #000000;background:#003366;"';}
if($color==4){echo'style="border-top: 1px solid #DCA36B;border-bottom: 1px solid #572E05;background:#CC6600;"';}
if($color==5){echo'style="border-top: 1px solid #C0BFBF;border-bottom: 1px solid #434342;background:#999999;"';}
echo">";
echo"</div>";
}
?>
<div id="smenu1">
<div id="center"><a href="index.php" class="liensmenu">Accueil</a><img src="images/barre.gif" class="barre" border=0 />
<a href="groupe-europe.php?color=1" class="liensmenu">Le groupe en Europe</a><img src="images/barre.gif" class="barre" border=0 />
<a href="strategie.php?color=1" class="liensmenu">Stratégie</a><img src="images/barre.gif" class="barre" border=0 />
<a href="historique.php?color=1" class="liensmenu">Historique</a></div>
</div>
<div id="smenu2">
<div id="center"><a href="vie-groupe.php?color=2" class="liensmenu">La vie du groupe</a><img src="images/barre.gif" class="barre" border=0 />
<a href="marquant.php?color=2" class="liensmenu">Faits marquants</a><img src="images/barre.gif" class="barre" border=0 />
<a href="salon.php?color=2" class="liensmenu">Les salons</a></div>
</div>
<div id="smenu3">
<div id="center"><a href="#" class="liensmenu" onmouseover="affiche('smenuderoul1');">Les chiffres clés</a><img src="images/barre.gif" class="barre" border=0 />
<a href="#" class="liensmenu" onmouseover="affiche('smenuderoul2');" >Les publications</a><img src="images/barre.gif" class="barre" border=0 />
<a href="agenda.php?color=3" class="liensmenu" onmouseover="javascript:affiche('');">Agenda de l'actionnaire</a></div>
<div id="smenuderoul1">
<a href="chiffre-affaires.php?color=3" class="liensmenu2">- Evolution du chiffre d'affaires</a><br /><br />
<a href="resultat.php?color=3" class="liensmenu2">- Evolution des résultats</a><br /> <br />
<a href="structure.php?color=3" class="liensmenu2">- Evolution de la structure financière</a>
</div>
<div id="smenuderoul2">
<a href="communiques-presse.php?color=3" class="liensmenu2">- Communiqués de presse</a><br /><br />
<a href="presentation-resultat.php?color=3" class="liensmenu2">- Présentation des résultats</a><br /> <br />
<a href="rapport-annuel.php?color=3" class="liensmenu2">- Rapports annuels</a>
</div>
</div>
<div id="smenu4">
<div id="center"><a href="donnee.php?color=4" class="liensmenu">Données générales</a><img src="images/barre.gif" class="barre" border=0 />
<a href="#" class="liensmenu">Cours de bourse</a><img src="images/barre.gif" class="barre" border=0 />
<a href="capital.php?color=4" class="liensmenu">Répartition du capital</a></div>
</div>
<div id="smenu5">
<div id="center"><a href="siege.php?color=5&entreprise=17" class="liensmenu">Siège et filiales</a><img src="images/barre.gif" class="barre" border=0 />
<a href="contact.php?color=5" class="liensmenu">Nous écrire</a>
</div>
</div>
<div id="smenu6">
</div>