Discussion :

[tomtotom]

Bonsoir,
Voila j'essaye de faire un petit site pour la présentation de mon entreprise!
Donc j'ai recupéré un menu en script sur un site, je l'ai légèrement adapté mais j'ai encore quelques problemes!

Pour des questions de simplicité j'ai nommé le menu comme ceci:

Menu A
1
.
.
3

Menu B
1
.
.
9

Menu C

1
.
.
9


Menu D
1
.
.
3

Je vous conseil de telecharger le dossier .zip contenant les fichiers sources, afin de mieux comprendre sont utilisations

http://tomytomy.free.fr/forum/site.zip

Quand on clique sur le bouton "Menu A" il se déroule, de même pour les autre Menu B, C et D
Pour le moment quand on arrive sur le site les 4 menus sont fermés, j'aimerai que le premier soit toujours ouvert ( a la limite même si le Menu A ne peux plus se fermer je m'en fou je voudrai qu'il soit toujours ouvert)
En ce qui concerne les autres menus B,C D je souhaiterai qu'on puisse en ouvrir qu'un a la fois c'est a dire que :
Si le menu B est ouvert alors si j'ouvre le c ou D alors le B se referme... idem pour l'ouverture et fermeture des autre menu; (Sauf le A qui si possible reste toujours ouvert! Si impossibilité de le laisser ouvert alors il faudrait qu'il soit soumi aux mêmes règle que les autres menu)

Voila je n'arrive pas à modifier le script pour qu'il puisse fonctionner ainsi!
Donc si vous pouviez regarder je vous en serais très reconnaissant...


De plus j'aimerai aussi que lorsqu'on clique sur les bouton menu ABCD on soit renvoyé a un lien... car ça je n'arrive pas à l'ajouter

Voila je sais cela fait beaucoup de chose mais ce serait un grand service...

Merci par avance de votre aide

[SpaceFrog]

un script html ... ???

[trotters213]

Plutôt que 1000 explications : http://www.developpez.net/forums/sho...5&postcount=83

[Auteur]

Plutôt que 1000 explications : http://www.developpez.net/forums/sho...5&postcount=83

sous Firefox j'ai un bug au niveau des menus : certains sous-menus ne se cachent pas lorsque je passe à l'item suivant.

[tomtotom]

Avez vous téléchargé le dossier zip?
Avez vous essayer de faire quelques modification pour que cela fonctionne?

Euh pour moi la page fonctionne correctement sous firefox...

Merci de m'aider

[trotters213]

Avez vous téléchargé le dossier zip?
Avez vous essayer de faire quelques modification pour que cela fonctionne?

Et toi, as-tu lu le code du lien que je t'ai donné (qui fait exactement ce que tu souhaites )?

[tomtotom]

Et toi, as-tu lu le code du lien que je t'ai donné (qui fait exactement ce que tu souhaites )?

Euh bah enfaite j'arrive pas a le faire fonctionner
J'ai copier le contenu dans un fichier nommé index.htm
puis le contenu de css dans un fichier nommé text.css

Et quand je lis index.htm j'ai juste 4 case en hatu mais pas de menu rien

je m'y suis peut etre mal pris...
Peux tu m'expliquer?

[tomtotom]

Ca y est ca marche
j'avais oublié le fichier JS :p

Bon bah c'est pas que je recherche!
C'est bien un menu sur la gauche mais que les action soit déclanchées par un clique et non par le passage de la souris!

Regarde comment il fonctionne, ce qui me plait c'est que tout le menu bouge quand on en ouvre un....

[tomtotom]

Pouvez vous m'aider ou ce que je demande, demande trop de travail et il ne pas pas que j'espere un coup de main?

[Auteur]

Si, tu auras un coup de main, mais laisse nous un peu de temps pour analyser le code et le corriger. Ta discussion a à peine 24h.

Je peux de dire un truc tout de suite : la frame qui contient le menu transforme la propriété scrolling="no" en scrolling="auto" car pour les petites résolutions le menu n'entre pas dans la page.

[Auteur]

Je n'ai modifié que le fichier menu.js qui se trouve dans le dossier "/slashfiles"
Modifications :

• ajout de la variable gloable old_sm
• modification de la fonction init()
• modification de la fonction gomenu()

les ajouts ont été commentés en français

[tomtotom]

Oui désolé mais comme je ne voyais personne repondre

Sinon j'ai fais ce que tu m'a dis et est testé ton fichier super quand on arrive le menu A reste ouvert comme je le voulais et aussi super les menus se referme quand on en ouvre un aure!
Sincerement super!
Seul probleme, si jarrive et veux directement entrer dans le menu C ou D et bien cela n'est pas possibe!
Donc je sais pas ce qu'il faut modifier mais je ne pense pas que ca soit grand chose...

Merci beaucoup!

Ps: Peux tu regarder ce probleme?

[tomtotom]

Rectification ...
Tout marche correctement le seul probleme c'est que:
- Si je rentre sur le site et que j'ouvre et referme directement le menu B alors je ne peux pas ouvrir deriere le menu C ou D
-idem si je commence par le menu C je peux pas ouvrir le B et D
-idem si je commence par le menu D je peux pas après ouvrir le B et C

Voila si tu pouvais regarder ca

Merci

[Auteur]

J'ai rajouté la variable gloable numMenu. Donne lui un numéro, et le menu portant ce numéro sera ouvert par défaut.

[tomtotom]

Ouais c'est une bonne fonctionnalité ce que tu viens de rajouter mais enfaite moi le defaut que je t'ai dis que j'ai constaté c'est que:
Quand j'ouvre la page index la jai le menu a Ouvert par defaut et les autre fermé donc ca c'est niquel, :p
Parcontre si j'ouvre et referme immédiatement par exemple le menu B et bien apres je ne peux ni ouvrir le C ni le D...
Essaye tu comprendra mieux ce que je veux dire...

[Auteur]

Parcontre si j'ouvre et referme immédiatement par exemple le menu B et bien apres je ne peux ni ouvrir le C ni le D...
Essaye tu comprendra mieux ce que je veux dire...

Je ne comprends pas ton problème
Le script focntionne parfaitement, je n'ai aucun problème sous Firefox. Avec IE5, le script ne fonctionne pas. Je ne peux pas le tester avec IE6. Si tu as une erreur avec IE6 indique moi laquelle.

[tomtotom]

Oui le script fonctionne très bien je suis d'accord!
Il est bien programmé pour avoir direct le menu A d'ouvert

Mais il a un default!
Si j'ouvre le menu B et que je le refereme imédiatement, ensuite je ne peux ouvrir le menu C ni le menu D!

Essaye cette manipulation
avec comme parametre de base dans le menu.js

//Debut ajout code
var old_sm = null; //sm contient l indice du menu a afficher
var numMenu = 1;
//Fin ajout code

Tu ouvre index.htm et tu clique sur le menu B ( ca declanche donc l'ouverture du menu) immédiatement tu referme ce menu en recliquant sur l'intitulé "menuB"(donc la le menu se referme)
Ensuiste tu clique sur le menu C ( et la tu va voir il ne s'ouvre pas!) tu peux essayer aussi de cliquer sur le menu D ( et il ne s'ouvre plus non plus!) seul le menu B s'ouvre .

Essaye tu veras....
Je ne sais pas comment regler ce probleme...
Dis moi ce que tu en pense

[Auteur]

Si j'ouvre le menu B et que je le refereme imédiatement, ensuite je ne peux ouvrir le menu C ni le menu D!

Essaye cette manipulation
avec comme parametre de base dans le menu.js

//Debut ajout code
var old_sm = null; //sm contient l indice du menu a afficher
var numMenu = 1;
//Fin ajout code

Avec ces paramètres B est ouvert par défaut, tu ne peux donc pas le refermer. Mais c'est un détail, j'ai essayé aussi avec numMenu = 0(A) ; 1(B) ; 2(C) ; 3(D) et 4 (Ca renvoie une erreur. Logique : Erreur : submenus[sm] has no properties)

Quel est ton navigateur ? Si une erreur est renvoyée, indique moi laquelle. Là j'ai beau chercher, je ne parviens pas à reproduire ton bug.

[tomtotom]

effectivement je viens de le tester avec firefox et il n'y a pas le bug dont je te parle avec IE 5 ( je crois que c'est le 5 que j'ai).

Alors je t'explique mon bug avec IE5
Si direct quand j'ouvre la page index je commence par ouvrir le menu B et le referme directement et bien apres je ne peux pas ouvrir ni le C ni le D!
idem si je commence par ouvrir directement le menu C et le referlmer directementje peux plus ouvrir le B et le D mais que le C
et avec le menu D c'est le meme reusltat...

Voila

[Auteur]

index.htm
Un petit rappel avant : dans ton fichier index, pour la frame gauche (leftFrame) change le scrolling="no" en scolling="auto"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

    <frame src="gauche.htm" name="leftFrame" scrolling="auto" noresize>

Dans les petites résolutions, le menu sort de l'écran et sans barre de défilement il devient inaccessible.


menu.js
Liste des modifications :

• modification du test de la fonction gomenu()
• modification des fonctions store(), getElementsByClassName() : la méthode push() des tableaux est, je crois, inconnue de IE.
  

  Code :

  Sélectionner tout - Visualiser dans une fenêtre à part

  1
  2
   
       hidden.push(i);

  devient :
  

  Code :

  Sélectionner tout - Visualiser dans une fenêtre à part

  1
  2
  3
   
       hidden[j]=i;
       j++;