Tutoriels vidéo art graphique gratuits

 
Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Pages: [1]   En bas

Auteur Sujet: Menu accordeon javascript css  (Lu 14394 fois)

agreu

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 198
    • Voir le profil
Menu accordeon javascript css
« le: mars 07, 2008, 09:06:41 am »

Bonjour, j'ai récupéré un javascript, gérer par jquery, qui fonctionne super bien et sympa.

Je voudrais par contre que dès lors que j'ai cliqué sur un link de premier niveau, le menu se déroule, je clic sur un subMenu et là mon menu ce referme.

Je souhaite que mon menu reste ouvert.
Je glisse le code javascript que je glisse directement dans mon html.

 


Et autre chose, quand vous insérer du code dans vos post, celui ci est encadré comment faite vous???


merci d'avance
IP archivée

agreu

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 198
    • Voir le profil
Menu accordeon javascript css
« Réponse #1 le: mars 10, 2008, 09:23:39 am »

Un peu d'aide svp.
Merci
IP archivée

T_bo

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 349
    • Voir le profil
Menu accordeon javascript css
« Réponse #2 le: mars 10, 2008, 11:26:09 am »

Je comprend tu écrit un joli code parfaitement commenté où tu écrit toi mm la réponse je vois pas vraiment de quel aide tu as besoin

       
 // Si le sous-menu etait deja ouvert, on le referme :
   if ($(this).next("ul.subMenu:visible").length != 0) {
   $(this).next("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
   }
il te suffit de modifier cette ligne

pour le code clic sur le lien BBCode en dessous tu auras les explications
IP archivée

Vivien

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 10
    • Voir le profil
Re : Menu accordeon javascript css
« Réponse #3 le: mai 20, 2008, 20:09:21 pm »

Je vois le sujet un peu tard excusez moi. Je ne sais pas si j'ai bien compris la question.

Ton subMenu est bien un lien vers une autre page, c'est ça ??
Si c'est ça, ce que dit T_bo ne fonctionne pas car la page que tu appelles ne connais pas les menus ouverts.
IP archivée
Pourquoi faire simple quand on peut faire compliqué

agreu

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 198
    • Voir le profil
Re : Menu accordeon javascript css
« Réponse #4 le: mai 21, 2008, 08:02:43 am »

Moi pas trop comprendre je suis novice, je ne suis pas trop ce que vous me dites.
IP archivée

Vivien

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 10
    • Voir le profil
Re : Menu accordeon javascript css
« Réponse #5 le: mai 21, 2008, 14:54:48 pm »

Quand tu ouvre ton menu, ton sous menu est formé par des liens hypertexte?
Et ces liens t'amènent sur d'autre pages ou pas ?
IP archivée
Pourquoi faire simple quand on peut faire compliqué

agreu

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 198
    • Voir le profil
Re : Menu accordeon javascript css
« Réponse #6 le: mai 21, 2008, 15:22:14 pm »

Oui tout à fait, mon menu deroulé découvre des liens qui pointent vers d'autres pages.
IP archivée

Vivien

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 10
    • Voir le profil
Re : Menu accordeon javascript css
« Réponse #7 le: mai 22, 2008, 07:44:01 am »

Ce qu'a dit T_bo ne fonctionnera pas car la nouvelle page qui est appelé ne connait pas les niveaux étant déjà ouvert.

Je dois faire la même chose au travail. Donc si tu n'es pas pressé dès que je l'ai fait je viens t'expliquer en détail la solution. Sinon les explications seront assez vague car je vois le principe.
IP archivée
Pourquoi faire simple quand on peut faire compliqué

T_bo

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 349
    • Voir le profil
Re : Menu accordeon javascript css
« Réponse #8 le: mai 22, 2008, 08:12:21 am »

Pour info ce que je disais été en rapport du script qui était  dans le premier post et qui a disparu si tu retrouve le script complet (agreu)  cela marche très bien...
IP archivée

Vivien

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 10
    • Voir le profil
Re : Menu accordeon javascript css
« Réponse #9 le: mai 22, 2008, 14:09:59 pm »

T_bo le code que moi je connais pour Jquery est le suivant:

$(document).ready( function () {
    // On cache les sous-menus :
    $(".navigation ul.subMenu").hide();
    // On sélectionne tous les items de liste portant la classe "toggleSubMenu"

    // et on remplace l'élément span qu'ils contiennent par un lien :
    $(".navigation li.toggleSubMenu span").each( function () {
        // On stocke le contenu du span :
        var TexteSpan = $(this).text();
        $(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '<\/a>') ;
    } ) ;

    // On modifie l'évènement "click" sur les liens dans les items de liste
    // qui portent la classe "toggleSubMenu" :
    $(".navigation li.toggleSubMenu > a").click( function () {
        // Si le sous-menu était déjà ouvert, on le referme :
        if ($(this).next("ul.subMenu:visible").length != 0) {
            $(this).next("ul.subMenu").slideUp("normal");
        }
        // Si le sous-menu est caché, on l'affiche :
        else {
            $(this).next("ul.subMenu").slideDown("normal");
        }
        // On empêche le navigateur de suivre le lien :
        return false;
    });   

} ) ;

Je pense que c'est celui là qu'a utilisé agreu
IP archivée
Pourquoi faire simple quand on peut faire compliqué

T_bo

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 349
    • Voir le profil
Re : Menu accordeon javascript css
« Réponse #10 le: mai 22, 2008, 14:40:19 pm »

Oui j'avais pas penser au changement de page apres le clic j'avais testé avec du # dans mes liens...
Toutes mes confuses :-[

pour résoudre le soucis il va falloir rusé un peu agreu tu a un fil d'ariane dans ton site ?
IP archivée

Vivien

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 10
    • Voir le profil
Re : Menu accordeon javascript css
« Réponse #11 le: mai 22, 2008, 14:45:22 pm »

Sinon moi je pensais de faire un peu de php et faire passer une variable en GET
IP archivée
Pourquoi faire simple quand on peut faire compliqué

T_bo

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 349
    • Voir le profil
Re : Menu accordeon javascript css
« Réponse #12 le: mai 22, 2008, 15:16:11 pm »

so am i mais si il avait un breadcrumbs le php est déja la et le get ne marchera que pour les gens navigant entre les pages si l'utilisateur vient directement sur la page via google ou bookmark çà ne sera pas fonctionnel...
On peut aussi stocker des variables dans les pages aussi a voir en fonction de l'architecture du site
IP archivée

agreu

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 198
    • Voir le profil
Re : Menu accordeon javascript css
« Réponse #13 le: mai 22, 2008, 15:28:18 pm »

Merci messieurs, je ne peux pas présenter le site qui en faite une boite à outils tout simplement parce que c'est un projet médicale et que je ne peux divulguer le contenu.

Pour le php, je ne sais si c'est possible puisque la partie dynamique sera en Aspnet, et n'étant pas programmateur (je vais en baver)je ne sais si les deux fonctionne bien ensemble. Je ne connais pas l'Aspnet et je vais devoir me former vite très vite.
IP archivée

Vivien

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 10
    • Voir le profil
Re : Menu accordeon javascript css
« Réponse #14 le: mai 23, 2008, 10:53:40 am »

Agreu Si tu es assez patient je dois faire la même chose que toi pour le travail mais je pourrais commencer que à partir de début Juin. Donc dès que j'ai fini je te dirais comment faire. Je vais essayer tout en javascript. Ton site va être sur internet ou en interne dans un hopital, clinique, autre .... Pour savoir les solutions envisageables.

T_bo de toute façon si l'utilisateur vient de google ou bookmark, tous les sous Menu doivent être fermé, je pense. Sinon je te remercie de l'avoir mentionné car je n'y avait pas pensé.
IP archivée
Pourquoi faire simple quand on peut faire compliqué
 



Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.
Contact - Wisibility est une marque déposée

Blog - Tutoriels - Wisi TV - Forum