oups le petit "s" qui prend des vacances.
voilà le code:
<script type="text/javascript">
<!--
document.write('<style type="text/css">#smenu1, #smenu2, #smenu3, #smenu4 {display:none;}</style>');
window.onload=apparaitre;
function apparaitre(id) {
var a = document.getElementById(id);
var nbelmenu = 5
for (var i = 1; i<=nbelmenu; i++) {
if (document.getElementById('menu'+i)) {document.getElementById('menu'+i).style.display='none';}
}
if (a) {a.style.display='block';}
}
//-->
</script>
<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>
<dl id="client">
<dt onmouseover="javascript:apparaitre('menu1');" onmouseout="javascript:apparaitre();">Particuliers</dt>
<dd id="menu1" class="cachediv" onmouseover="javascript:apparaitre('menu1');" onmouseout="javascript:apparaitre();">
<ul>
<li>menu</li>
</ul>
</dd>
<dt onmouseover="javascript:apparaitre('menu2');" onmouseout="javascript:apparaitre();">Artisan</dt>
<dd id="menu2" class="cachediv" onmouseover="javascript:apparaitre('menu2');" onmouseout="javascript:apparaitre();">
<ul>
<li>Sous-Menu 2.1</li>
<li>Sous-Menu 2.2</li>
</ul>
</dd>
<dt onmouseover="javascript:apparaitre('menu3');" onmouseout="javascript:apparaitre();">profession liberale</dt>
<dd id="menu3" class="cachediv" onmouseover="javascript:apparaitre('menu3');" onmouseout="javascript:apparaitre();">
<ul>
<li>Sous-Menu 3.1</li>
<li>Sous-Menu 3.1</li>
<li>Sous-Menu 3.1</li>
<li>Sous-Menu 3.1</li>
<li>Sous-Menu 3.1</li>
<li>Sous-Menu 3.1</li>
</ul>
</dd>
<dt onmouseover="javascript:apparaitre('menu4');" onmouseout="javascript:apparaitre();">TPE</dt>
<dd id="menu4" class="cachediv" onmouseover="javascript:apparaitre('menu4');" onmouseout="javascript:apparaitre();">
<ul>
<li>Sous-Menu 4.1</li>
<li>Sous-Menu 4.1</li>
</ul>
</dd>
<dt onmouseover="javascript:apparaitre('menu5');" onmouseout="javascript:apparaitre();">PME</dt>
<dd id="menu5" class="cachediv" onmouseover="javascript:apparaitre('menu5');" onmouseout="javascript:apparaitre();">
<ul>
<li>Sous-Menu 4.1</li>
<li>Sous-Menu 4.1</li>
</ul>
</dd>
</dl>
<dl id="menu">
<dt onclick="javascript:montre('smenu2');">Tarifs sans abonnement</dt>
<dd id="smenu2">
<ul>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/Intervention poste travail.html" onclick="window.open(this.href, 'exemple', 'height=140, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Intervention poste de travail :</a></td>
<td width="100">49,00 € l'heure</td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/Intervention reseau.html" onclick="window.open(this.href, 'exemple', 'height=140, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Intervention réseau :</a></td>
<td width="100">59,00 € l'heure</td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/Intervention serveur.html" onclick="window.open(this.href, 'exemple', 'height=140, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Intervention serveur :</a></td>
<td width="100">69,00 € l'heure</td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/Forfait remise en etat.html" onclick="window.open(this.href, 'exemple', 'height=170, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Forfait remise en état en atelier :</a></td>
<td width="100"><center>89,00 €</center></td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/Forfait 3 heures.html" onclick="window.open(this.href, 'exemple', 'height=170, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Forfait 3 heures prépayées :</a></td>
<td width="100"><center>120,00 €</center></td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/Forfait 5 heures.html" onclick="window.open(this.href, 'exemple', 'height=190, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Forfait 5 heures prépayées :</a></td>
<td width="100"><center>220,00 €</center></td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/Forfait 7 heures.html" onclick="window.open(this.href, 'exemple', 'height=190, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Forfait 7 heures prépayées :</a></td>
<td width="100"><center>300,00 €</center></td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/Forfait 10 heures.html" onclick="window.open(this.href, 'exemple', 'height=190, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Forfait 10 heures prépayées :</a></td>
<td width="100"><center>440,00 €</center></td>
</tr>
</table></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');">Tarifs avec abonnement</dt>
<dd id="smenu3">
<ul>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/Intervention poste travail.html" onclick="window.open(this.href, 'exemple', 'height=140, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Intervention poste de travail :</a></td>
<td width="100">39,00 € l'heure</td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/Intervention reseau.html" onclick="window.open(this.href, 'exemple', 'height=140, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Intervention réseau :</a></td>
<td width="100">49,00 € l'heure</td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/Intervention serveur.html" onclick="window.open(this.href, 'exemple', 'height=140, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Intervention serveur :</a></td>
<td width="100">59,00 € l'heure</td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/Forfait remise en etat.html" onclick="window.open(this.href, 'exemple', 'height=170, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Forfait remise en état en atelier :</a></td>
<td width="100"><center>79,00 €</center></td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/Forfait 3 heures.html" onclick="window.open(this.href, 'exemple', 'height=170, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Forfait 3 heures prépayées :</a></td>
<td width="100"><center>100,00 €</center></td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/Forfait 5 heures.html" onclick="window.open(this.href, 'exemple', 'height=190, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Forfait 5 heures prépayées :</a></td>
<td width="100"><center>200,00 €</center></td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/Forfait 7 heures.html" onclick="window.open(this.href, 'exemple', 'height=190, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Forfait 7 heures prépayées :</a></td>
<td width="100"><center>280,00 €</center></td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/Forfait 10 heures.html" onclick="window.open(this.href, 'exemple', 'height=190, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Forfait 10 heures prépayées :</a></td>
<td width="100"><center>410,00 €</center></td>
</tr>
</table></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');">Abonnement mensuel dépannage</dt>
<dd id="smenu4">
<ul>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/depannage max 2 jours.html" onclick="window.open(this.href, 'exemple', 'height=140, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Dépannage maximum 2 jours après l'appel :</a></td>
<td width="100"><center>12,00 €</center></td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/depannage max 1 jour.html" onclick="window.open(this.href, 'exemple', 'height=140, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Dépannage maximum 1 jours après l'appel :</a></td>
<td width="100"><center>25,00 €</center></td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/depannage le jour meme.html" onclick="window.open(this.href, 'exemple', 'height=140, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Dépannage le jour même :</a></td>
<td width="100"><center>50,00 €</center></td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="370"><a href="pop up java/depannage 24.html" onclick="window.open(this.href, 'exemple', 'height=140, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">Dépannage 24 h sur 24 h :</a></td>
<td width="100"><center>100,00 €</center></td>
</tr>
</table></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu5');">Formation</dt>
<dd id="smenu5">
<ul>
<li><table width="479" border="0">
<tr>
<td width="382"><center>49,00 € l'heure</center></td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="474"><a href="pop up java/utilisation pc.html" onclick="window.open(this.href, 'exemple', 'height=140, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">* Utilisation d'un pc :</a></td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="474"><a href="pop up java/securiser un ordinateur.html" onclick="window.open(this.href, 'exemple', 'height=140, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">* Sécuriser votre ordinateur :</a></td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="474"><a href="pop up java/sauvegarder.html" onclick="window.open(this.href, 'exemple', 'height=140, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">* Sauvergarder vos données :</a></td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="474"><a href="pop up java/creer un site web.html" onclick="window.open(this.href, 'exemple', 'height=140, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">* Créer un site web :</a></td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="474"><a href="pop up java/divers logiciels.html" onclick="window.open(this.href, 'exemple', 'height=140, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">* Divers logiciel (nous contacter) :</a></td>
</tr>
</table></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu6');">Audit de votre matériel informatique</dt>
<dd id="smenu6">
<ul>
<li><table width="480" border="0">
<tr>
<td width="474"><center>39,00 €</center></td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="474"><a href="pop up java/conformite.html" onclick="window.open(this.href, 'exemple', 'height=140, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">* Mise en conformité des licences logiciels :</a></td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="474"><a href="pop up java/mise a jour.html" onclick="window.open(this.href, 'exemple', 'height=140, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">* Mise à jour de vos logiciels :</a><br />
<span class="securite">- Sécurité du système d'exploitation<br /></span>
<span class="antivirus">- Antivirus et firewall<br /></span>
<span class="logiciel">- Tout logiciel nécessitant des mises à jours</span></td>
</tr>
</table></li>
<li><table width="480" border="0">
<tr>
<td width="474"><a href="pop up java/optimisation.html" onclick="window.open(this.href, 'exemple', 'height=140, width=400, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false; ">* Optimisation de votre matériel :</a></td>
</tr>
</table></li>
</ul>
</dd>
</dl>
Bon j'ai juste mis mon code pour le java, je fais grace de tout le reste sinon y en a pour longtemps à tout lire.
.
En fait le premier menu est vertical et se positionne à gauche de la page, il apparait quand la souris passe dessus.
Le deuxième menu est horizontal et il faut cliquer pour qu'il apparaisse.
Le menu horizontal n'a pas de problème c'est mon menu vertical qui apparait dès que la page se charge, si l'on passe la souris dessus il disparait.
Merci pour vos réponses
