begin process at 2012 05 29 00:39:28
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

besoin d'aide pour menu dynamique


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

besoin d'aide pour menu dynamique

lundi 20 février 2006 à 17:11:49 | besoin d'aide pour menu dynamique

NKWolf

Bonjour tout le monde

voilà je suis actuellement sur un menu javascript et j'aurai besoin de votre aide

les sous-menu s'ouvre au clique sur le menu, ce menu fonctionne actuellement correctement seulement voilà

1) il n'a pas compatible avec tout les navigateur
2) les sous-catégorie ne ce referme sauf si vous cliquez sur un autre menu

je voudrais donc avec votre aide :

1) le rendre compatible avec tous les navigateur
2) premetre la fermeture des sous-menu au second clic sur le titre menu

Ceci n'est pas ma source, je l'ai récupérer il y'a quelque temps sur un site dont je ne pourrait plus vous dire le nom

entre head et /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>

entre body et /body

<!-- table contenant le menu -->
<table width="200" id="menu">
   <!-- premier menu -->
   <tr>
   <td onclick="javascript:montre('smenu1');"><a href="#">Menu Titre 1</a></td>
   </tr>
   <!-- contenu du menu -->
   <tr>
    <td id="smenu1">lien 1<br>lien 2<br>etc...</td>
   </tr>
   <tr>
   <!-- deuxième menu -->
   <td onclick="javascript:montre('smenu2');"><a href="#">Menu Titre 2</a></td>
   </tr>
   <!-- contenu menu 2 -->
   <tr>
   <td id="smenu2">lien 3<br>lien 4<br>etc...</td>
   </tr>
</table>

celà nous donne

Menu Titre 1
Menu Titre 2

dont le contenu s'ouvre au clic et fonctionne parfaitement, vous remarquerez que je n'utilise pas les div mais les tableaux ( tr & td ) pour une question de pratique, j'ai déjà vue les script permettant ce que je désire mais chaque lien de menu doit être définit à chaque fois et dont le résultat ce bug si vous mettez du code html, ici je peut donc mettre ce que je veut dans mon menu et l'associer à une base de données très simplement ( ce que je fait pour l'instant et fonctionne parfaitement avec des informations tel statistique, compte, images partenaires, etc...)

pourriez-vous m'aider à le rendre compatible avec tout les navigateur et permettre la fermeture au second clic

Je vous remercie d'avance de votre aide, d'autant plus que je commence seulement avec le javascript ( je suis plus coter PHP - Mysql )
mardi 21 février 2006 à 07:27:31 | Re : besoin d'aide pour menu dynamique

bultez

Membre Club

Bonjour,
1) le rendre compatible avec tous les navigateur
fonctionne avec IE,FF... tous ? c'est trop pour moi.
2) premetre la fermeture des sous-menu au second clic sur le titre menu
dans la boucle, si le style est block le mettre hidden, par exemple ?

for (var i = 1; i<=10; i++) {
ça limite donc à 10 lignes,
while document.getElementById('smenu'+i) {   } en faisant jouer le i
permettrait de pas être limité, par exemple aussi.

onclick="javascript:montre(....      c'est un pléonasme,
onclick="montre(...                         suffit.

Cordialement. Bul. ~ Mon Site qu'il est à Moi ~

mardi 21 février 2006 à 11:30:04 | Re : besoin d'aide pour menu dynamique

NKWolf

oki

comme je débute vais essayer de comprendre lol, donc
plutot que onclick="javascript:montre(..
je met onclick="montre(....

effectivement ca marche aussi :D very merci pour cette astuce qui est plus une règle je pense non ?

oui j'ai retirer le 10 et ajouter une variable global " nbMenu " indiquant le nombre de menu et donc le nombre de boucle maximum, ce nombre est récupérer grace à une requete sql et fonctionne aussi :D

pour ce qui est des navigateur je me suis mal expliquer je voudrais pas tous c'est beaucoup trop, juste les plus utiliser
IE, Mozilla, NS, etc.. les plus utiliser quoi
mais j'ai lu quelques part que

document.getElementById

était compatible avec tous les navigateur, infos ou intox ?
pour le fait de masquer le sous-menu je m'explique

mais sous-menu s'ouvre au click, je voudrais pouvoir les fermer ( masquer ) avec un autre click comme pour le menu xp

je met ma source actuel, attention j'ai du intéragir avec PHP pour récupérer le nombre de menu et mon script ce retrouve dans un echo mais je vous rassure il fonctionne bien sans erreur :D

--------- SOURCE HEAD--------

echo "<script type=\"text/javascript\">\n"
   . "<!-- \n"
   . "window.onload=montre; \n"
   . "\n"
   . "function montre(num) {\n"
   . "\n"
   . "nbMenu = " . $nb_menu . ";\n"
   . "\n"
   . "var mn = document.getElementById('smenu' + num);\n"
   . "\n"
   . "for (var i = 1; i<=nbMenu; i++)\n"
   . "{ \n"
   . "if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}\n"
   . "}\n"
   . "\n"
   . "if (mn) {mn.style.display='block';}\n"
   . "}\n"
   . "//-->\n"
   . "</script>\n";

--------- FIN SOURCE ------------

merci de ton aide bultez, il est zoli ton site à toi :D et j'ai vue plusieur truc intéressant :D félicitation
mardi 21 février 2006 à 12:57:10 | Re : besoin d'aide pour menu dynamique

bultez

Membre Club

>>merci pour cette astuce qui est plus une règle
pas une astuce, une règle je ne sais pas, mais inutile, ça oui
>>document.getElementById était compatible avec tous les navigateurs
IE,FF, NetScape,Opera ( je pense )... les autres ???
>>je voudrais pouvoir les fermer ( masquer ) avec un autre click
je nous cite :
2) premetre la fermeture des sous-menu au second clic sur le titre menu
dans la boucle, si le style est block le mettre hidden, par exemple ?

echo ... chacun ses gouts , moi je préfère :


<script type="text/javascript"><!--
window.onload=montre;
function montre(num) {
nbMenu = <?php echo $nb_menu; ?>;
var mn = document.getElementById('smenu' + num);
......

ça me semble plus lisible, mais ce n'est que mon avis,
qui ne vaut pas grand chose et encore une fois,
chacun fait comme il lle sent, il n'y a pas de règles
ni de vérité absolue....

Cordialement. Bul. ~ Mon Site qu'il est à Moi ~

mardi 21 février 2006 à 14:04:11 | Re : besoin d'aide pour menu dynamique

NKWolf

dans la boucle, si le style est block le mettre hidden, par exemple ?

ben quand tu dit le mettre hidden c'est le masquer ?
le problème c'est que je ne sais pas du tout comment ( dans la boucle ) savoir si il est block ou pas :s

c'est vrai que ta facon parait plus lisible sur ce chti bout de code, mais mon fichier contient près de 1500 lignes et la ca devient galère avec tout les <? et ?> ici l'avantage est que je ne suis pas obliger à chaque fois d'ouvrir et fermer la balise php ni devoir à chaque fois déclarer l'echo, mais comme tu as dit tout les gouts sont dans la nature :D

sinon pour le problème de compatibilité, j'ai patoger un peut sur le net avec mon ami google et effectivement " document.getElementById " est compatible avec les navigateur les plus utilisé donc ce problème est résolu

il ne me reste plus qu'a comprendre comment savoir si le sous-menu est block ou non, en gros oui au second clic il devrait être hidden, sauf que hidden n'est pas approprier pour mon script car les balise <tr> et <td> ne possède pas l'attribut hidden

en clair un clic sur le menu ouvre le sous-menu et un second clic sur ce meme titre le referme

encore merci bultez de ton aide, et encore bravo pour " le site qu'il est à toi ", j'ai déjà apris quelques truc merci, par contre j'ai voulu laisser un commentaire sur ton site mais il ne le prend pas ( j'ai essayer à 3 reprise mais sans succès )
mardi 21 février 2006 à 15:45:17 | Re : besoin d'aide pour menu dynamique

bultez

Membre Club

>>je ne sais pas du tout comment ( dans la boucle ) savoir si il est block ou pas
"il suffit" (
oui je sais c'est agaçant d'entendre ça ) de le tester
if ( document.getElementById('smenu'+i).style.display=='block' )
et ce n'est pas hidden ( valable pour visibiliyt mais bien none )
>>j'ai déjà apris quelques trucs
tant mieux, et merci du retour.
>>j'ai voulu laisser un commentaire sur ton site
il va falloir que je contrôle, ça marchait, j'ai du faire une c%ùµ*¤¤@

Cordialement. Bul. ~ Mon Site qu'il est à Moi ~



Cette discussion est classée dans : menu, aide, fonctionne, titre, compatible


Répondre à ce message

Sujets en rapport avec ce message

aide pour menu [ par jotrash ] trasjoBONJOUR A TOUS.Je suis débutant en codes et je voudrais crée pour un site un mennu déroulant du genre de celui de microsoft ou dans ce style.Que Recherche pistes d'aide pour créer un menu [ par nico1214 ] Bonjour,Je cherche à faire un menu sur le même principe que sur ce site : un mouseover sur un lien qui ouvre une fenêtre contenant un formulaire.Je sa Cherche aide pour menu verticale [ par rem78 ] Bonjour,Je cherche à changer le menu de mon site http://www.liftski.com par un menu qui afficherai les sous rubriques lorsque l'on clique sur le lien un menu genre bulle d'aide [ par daeron ] J'ai bien regarde les sources mais je n ai pas trouve d inspiration...L'idee est simple c est de realiser une bulle d aide avec differents menus un pe besoin d'aide pour un petit menu deroulant [ par redemption ] function sendToURL(url) {   if (url!="x") {    window.open(url)    }  } //--> </scr Aide menu [ par sdeconin ] Salut j'aurai aimé savoir comment on fait pour créer un menu lorsque l'on fait un clique droit sur la page.Nous optenons un menu de lien : Comme sur Menu Et frame compatible??? [ par Marcita ] voila j'ai choisi pour mon site ce menu (http://www.javascriptfr.com/code.aspx?ID=33216) mais je l'ai mis dans une frame ? Est t'il possible de parame menu et sous-menu [ par fahdmabrouk ] salut, je cherche à creer un menu gauche qui contient des sous menus pour une intranet documentaire avec des actions onmouseover et onmouseout (c'est mettre une variable dans un lien [ par David78390 ] Salut à tous, j'ai un petit bug qui me gene. Je voudrais faire un avec une varaible dedans. Voila le code qui me permet de changer le texte en fonct demande d'aide sur menu dynamique vertical [ par christmac ] Voila je doit inclure pour un site un petit menu dynamique avec des sous menu en dessous, jusque la j'ai trouver plein de modele qui me va. Mais ou ce


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,328 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales