Script javascript
Résolu
loraSoft
Messages postés
21
Date d'inscription
Statut
Membre
Dernière intervention
-
loraSoft Messages postés 21 Date d'inscription Statut Membre Dernière intervention -
loraSoft Messages postés 21 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
S'il vous plaît est ce que je peux avoir le code javascript qui permet de créer des menus en bouton qui, au survol de la souris permet de dérouler le menu.
Merci d'avance à tous
S'il vous plaît est ce que je peux avoir le code javascript qui permet de créer des menus en bouton qui, au survol de la souris permet de dérouler le menu.
Merci d'avance à tous
A voir également:
- Script javascript
- Script vidéo youtube - Guide
- Mas script - Accueil - Windows
- Ghost script - Télécharger - Polices de caractères
- Telecharger javascript - Télécharger - Langages
- Script cmd - Guide
8 réponses
S'il te plaît je n'arrive pas à transcrire ce code là dans mon script
Je voudrais savoir si je dois copier tout ça et le mettre dans mon code
Je voudrais savoir si je dois copier tout ça et le mettre dans mon code
la première partie entre les balises <head> et </head> de ta page et la seconde partie quelque part entre <body> et </body>
Merci beaucoup ça a déjà donné mais il y a parmi mes sous menus là un qui est long que les autres mais ça n'affiche pas tous les éléments du sous menu où est ce que je dois changer de valeur
tu remarques qu'il y a 3 menus <ul> </ul>
avec un l'intérieur des éléments <li> </li>
il faut dont rajouter des éléments de type
<li><a href="http://monadresse/....">sous menu</a></li>
entre les balises <ul> </ul> correspondantes
avec un l'intérieur des éléments <li> </li>
il faut dont rajouter des éléments de type
<li><a href="http://monadresse/....">sous menu</a></li>
entre les balises <ul> </ul> correspondantes
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Voici le code de la partie des sous menus. Donc le pb est au niveau des sous menus Environnement Micro et autres ....
<table style="width: 360px;" align="center" height="120%">
<tbody><tr>
<td><a href=""><img src="../Images/accueil.png"></a></td>
<td style="width: 120px;" class="menuActuator">
<a href="" onmouseover="ypSlideOutMenu.showMenu('menu1');" onmouseout="ypSlideOutMenu.hideMenu('menu1')"><img src="../Images/cour.png"></a>
<div class="td_div">
<div style="visibility: hidden;" id="menu1Container">
<div style="top: -90px;" id="menu1Content" class="menu">
<ul>
<li><a href="">Environnement Micro</a></li>
<li><a href="">Initiation à la programmation</a></li>
<li><a href="">Algorithmique / Pascal</a></li>
<li><a href="">Visual Basic</a></li>
<li><a href="">HTML / JavaScript / CSS / PHP/MySQL</a></li>
<li><a href="">Word / Access / Excel</a></li>
<li><a href="">Réseau</a></li>
<li><a href="">SQL</a></li>
</ul>
</div>
</div>
</div>
</td>
<td style="width: 120px;" class="menuActuator">
<a href="" onmouseover="ypSlideOutMenu.showMenu('menu2');" onmouseout="ypSlideOutMenu.hideMenu('menu2')"><img src="../Images/c.png"></a>
<div class="td_div">
<div style="visibility: hidden;" id="menu2Container">
<div style="top: -130px;" id="menu2Content" class="menu">
<ul>
<li><a href="">Droit Civil</a></li>
<li><a href="">Droit Commercial</a></li>
<li><a href="">Droit des Sociétés</a></li>
<li><a href="">Droit du Travail</a></li>
</ul>
</div>
</div>
</div>
</td>
<table style="width: 360px;" align="center" height="120%">
<tbody><tr>
<td><a href=""><img src="../Images/accueil.png"></a></td>
<td style="width: 120px;" class="menuActuator">
<a href="" onmouseover="ypSlideOutMenu.showMenu('menu1');" onmouseout="ypSlideOutMenu.hideMenu('menu1')"><img src="../Images/cour.png"></a>
<div class="td_div">
<div style="visibility: hidden;" id="menu1Container">
<div style="top: -90px;" id="menu1Content" class="menu">
<ul>
<li><a href="">Environnement Micro</a></li>
<li><a href="">Initiation à la programmation</a></li>
<li><a href="">Algorithmique / Pascal</a></li>
<li><a href="">Visual Basic</a></li>
<li><a href="">HTML / JavaScript / CSS / PHP/MySQL</a></li>
<li><a href="">Word / Access / Excel</a></li>
<li><a href="">Réseau</a></li>
<li><a href="">SQL</a></li>
</ul>
</div>
</div>
</div>
</td>
<td style="width: 120px;" class="menuActuator">
<a href="" onmouseover="ypSlideOutMenu.showMenu('menu2');" onmouseout="ypSlideOutMenu.hideMenu('menu2')"><img src="../Images/c.png"></a>
<div class="td_div">
<div style="visibility: hidden;" id="menu2Container">
<div style="top: -130px;" id="menu2Content" class="menu">
<ul>
<li><a href="">Droit Civil</a></li>
<li><a href="">Droit Commercial</a></li>
<li><a href="">Droit des Sociétés</a></li>
<li><a href="">Droit du Travail</a></li>
</ul>
</div>
</div>
</div>
</td>
les valeurs se changent dans cette partie:
pour agrandir vers le bas le premier menu, augmente le nombre 90.
pour agrandir vers le bas le premier menu, augmente le nombre 90.
<script type="text/javascript">
// Settings for drop-down menu
var myMenu1 = new ypSlideOutMenu("menu1", "down", 0, 0, 150, 90)
var myMenu2 = new ypSlideOutMenu("menu2", "down", 0, 0, 200, 130)
var myMenu3 = new ypSlideOutMenu("menu3", "down", 0, 0, 150, 90)
</script>
