Menu déroulant

Versus92 Messages postés 147 Statut Membre -  
empty Messages postés 931 Statut Membre -
Bonjour, je cherche depuis un moment comment faire et j'ai essayé de le fair moi même mais ... rien voila ce ke je cherche :

un nemu déroulant comme par exemple la barre démarrer dans windows ou menu dans linux ^^ c'est a dir que quand on clique sur "menu" il y a une liste de choix et e lien a cliquer , alors si quelqu'un sais comment faire , ou connait un lien où il y a ça .. ba merci de me le passer ;)
A voir également:

4 réponses

empty Messages postés 931 Statut Membre 176
 
Tu peux le faire en CSS mais à ce moment là tout se fait au survol et non avec un clique... Ou alors tu mix le javascript et CSS, javascript pour le clique et CSS pour le reste, maintenant le problème est que javascript est désactivé chez certaines personnes...

Comment faire en CSS : https://marcarea.com/tuto/menu-deroulant-css/
Quel est le résultat : https://marcarea.com/code/css/menu/menu01test.html
0
Versus92 Messages postés 147 Statut Membre 1
 
merci mais ce n'est pas grave si des personnes desactives le JVS . moi le truk c'est que j'aimmerait que lorsqu'on clique sur un rectange exemple "menu" ba un menu s'affiche , tien regarde sur
https://www.google.fr/?gws_rd=ssl ba ken tu clique sur "plus" sa fait pratiquemment ce ke je veu mise a part les couleur que je changerait ce n'est pas un problème mais le truk c'est qu'il y a des fichiers.css et .js liés donc je ne peu pas prendre le code pour le réadapter ... donc si vous savec comment ont fait google .. ba c'est cela ke je cherche en gros ;) merci
0
empty Messages postés 931 Statut Membre 176
 
Oui je vois comment on peut faire... Avec des div et du javascript il doit y avoir moyen comme ça :

<script>
function menu() {
if(getElementById('sous_menu').className == 'close';) {
getElementById('sous_menu').className = 'open';
getElementById('sous_menu').style.display = 'block';
} else {
getElementById('sous_menu').className = 'close';
getElementById('sous_menu').style.display='none';
}
}
</script>

<div id="menu" onlick="menu();">menu</div>
<div id="sous_menu" class="close" style="display:none;">
<ul>
<li>element 1</li>
<li>element 2</li>
</ul>
</div>

Tiens moi au courant, je l'ai fait en direct, pas testé...
0
pazz
 
https://marcarea.com/tuto/menu-deroulant-css/

il te suffit d'adapter !

pazz
0
empty Messages postés 931 Statut Membre 176
 
D'adapter quoi ? Je lui ai déjà donné le lien que tu as mis et je lui ai donné la solution d'ouvrir le menu en Javascript ^^
0