THELIA Forum

Bon ! par rapport à l'arborescence thélia ; j'ai donc testé pas mal de chose ! j'ai au final fait ça : http://xavier-perrouin.fr/catalogue/index.php

le code ( dans menu.html ):

<div id="menuGeneral">
<dl id="menu">
          <THELIA_MENU_RUBRIQUES type="RUBRIQUE" parent="0" profondeur="1" classement="manuel">
                <dt onmouseover="javascript:montre('smenu#ID');">
                <a href="#URL">#TITRE</a>
                </dt>
                <dd class="ssmenu" id="smenu#ID">
                    <ul>
                    <THELIA_BLOC_SOUS_MENU type="RUBRIQUE" parent="#ID">
                    <THELIA_SOUS_MENU_RUBRIQUE type="RUBRIQUE" id="#ID" courante="0">
                        <li>
                        <a href="#URL">#TITRE</a>
                        </li>
                    </THELIA_SOUS_MENU_RUBRIQUE>   
                     
                    <THELIA_SOUS_MENU_RUBRIQUE_SELECTION type="RUBRIQUE" id="#ID" courante="1">
                        <li>
                        <a href="#URL" class="selected" >#TITRE</a>
                        </li>
                    </THELIA_SOUS_MENU_RUBRIQUE_SELECTION>
                    </THELIA_BLOC_SOUS_MENU>
                    </ul>
                </dd>
         </THELIA_MENU_RUBRIQUES>

</dl>
</div>

et juste : <script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
    for (var i = 1; i<=30; i++) {
        if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
    }
if (d) {d.style.display='block';}
}
//-->
</script>

a mettre dans rubrique et index_page.html !

Au moins ca fonctionne vous avez un menu en accordéon pas très fluide , mais les rubriques fonctionnent et ça reste administrable !!!

Si quelqu'un à une idée pour intégrer aux menus Thélia des plug in pour un menu plus  fluide genre "jquery-accordion" ... n'hésitez je suis preneur et à mon avis je suis pas le seul !!!

Aurélien

Effectivement ! Il y un post qui en parle , mais sans parler de l'intégration !

Je suis dans mais début ( que ca soit dans thélia ou dans le php ) donc un peu pommé , je t'avouerai !
C'est pour ça si quelqu'un à déja intégré un jquery-accordion à un menu thélia , je suis preneur !!!!

Merci beaucoup Mr SHOLBY !

Tout fonctionne ! http://xavier-perrouin.fr/catalogue/index.php

Aurélien

Last edited by braincut (01-10-2008 08:48:14)

Salut,

Vu le code il s'agit d'intégrer un plugin jquery de type "accordion" ce que Thélia permet très facilement, car ouvert à toutes les techno web  : il te faudra simplement :

- Télécharger la librairy jquery , un fichier de quelques dizaines de ko

- Télécharger le plugin accordion ou comme sur l'exemple le plugin jqueryUI (permettant plusieurs effets => plus lourd ; de nombreux plugin sont disponibles sur le site jquery : la plupart ont des pages démo : fais ton choix !)

- A la racine de ton site tu créés un dossier "javascript" par exemple où tu places tes 2 fichiers téléchargés et tous les plugins qui suivront car si tu comprends le principe tu peux ajouter à ton site une belle myriade de fonctionnalités sympas)

- Dans les headers de tes pages tu appelles les fichiers du dossier "javascript" avec des lignes de ce type :
    <script type="text/javascript" src="javascript/jquery.js"></script>
    <script type="text/javascript" src="javascript/jquery.ui.js"></script>

- Il te reste quelques éléments de configuration à coder (exemple de Sholby pour son cas ; ou en te renseignant sur les pages des plugins tu réussiras vite à les adapter à tes besoins)

@+

Jb

merci a vous 3 pour ces infos ... jquery ça déchire !

les ressources sont énormes ... vais ajouter des effets bling bling ^^

J'avoue que je cale aussi pourtant Zack a semble t-il réussit ce que beaucoup de personne cherchent à réaliser pour un menu déroulant.

J'ai copier/coller le code donné par Zack mais je souhaiterai savoir où l'on doit appeler le Javascript (Zack parle de "à partir de la librairie jQuery" il faudrait donc modifier le javascript présent dans ce fichier ?).

Si Zack, PinPin, braincut ou toute autre personne ayant réussi l'exploit du menu accordéon pouvait préparer un petit lien vers un dossier, contenant les fichiers nécessaires (les jquery + les fichiers CSS ainsi que la page menu.html) et expliquer même sommairement l'utilisation ce serait un grand plus pour la communauté.

D'avance merci à vous

Bonjour Dreamer, dans ton site le menu se referme automatiquement lorsque l'on clique sur une rubrique, pas pratique à mon sens... moi je souhaite qu'il reste ouvert et si possible mettre en évidence la rubrique cliquée dans le sous menu (avec une couleur différente).

Bonjour je poste mon msg ici, car il n'y a pas de salon consacré à ce sujet.
J'ai 8 rubriques principales dans mon menu et je souhaiterais que le menu soit plus coloré car c'est une boutique de jouets, je voudrais donc que chaque rubrique individuellement est sa propre couleur, ou seulement changer la couleur des caractères des rubriques.
Une couleur par rubrique.

Je sais que l'on peut passer par le biais des classes, mais étant donné que c'est UNE boucle qui permet d'afficher toutes les rubriques, je ne voit pas comment cela peut se faire.

Merci

Bonjour,

Je le met ou exactement ce petit bout de code :
------------------------------------------------------
Puis initialiser le menu dans un bout de javascript ad-hoc :

$(document).ready(function(){
// $(function() {

  // Menu accordéon
  $("#commode").accordion({
     active: '.actif',
     autoheight: true,
     event: 'mouseover',
     header: '.head',
     navigation: true,
     selectedClass: '.actif'
  });
   
});

Merci d'avance

C'est normal, la syntaxe de la boucle conditionnelle n'est pas respectée. Voir : http://wiki.thelia.fr/index.php/Les_bou … tionnelles

Alfouine,