Script javascript
Résolu
loraSoft
Messages postés
24
Statut
Membre
-
loraSoft Messages postés 24 Statut Membre -
loraSoft Messages postés 24 Statut Membre -
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
- Ghost script - Télécharger - Polices de caractères
- Mas script - Accueil - Windows
- 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>
