THELIA Forum

Welcome to the THELIA support and discusssion forum

Announcement

Rejoignez la communauté sur le Discord Thelia : https://discord.gg/YgwpYEE3y3

Offline

#1 un menu deroulant sympa sur mon site

(16-08-2007 12:42:17)

Salut
ne pouvant pas modifier le titre du topic initial et remarquant qu'il y avait une erreur dedan
je reposte ici

voila sur mon site http://www.chinesesproducts.com
j'ai un menu à gauche et je veux faire en sorte que quand on pointe la souris sur un lien les sous rubriques apparaissent
merci d'avance !

Offline

#2 Re: un menu deroulant sympa sur mon site

(16-08-2007 17:10:59)

Réponses sur le topic d'origine :
http://forum.thelia.fr/viewtopic.php?pid=2504#p2504

Offline

#3 Re: un menu deroulant sympa sur mon site

(20-08-2007 19:02:12)

mais comment puis je faire si j'utilises ma propre structure avc mes propres class en css etc ...
oui, j'aimerai c'est mieu
merci bien !

Offline

#4 Re: un menu deroulant sympa sur mon site

(21-08-2007 09:53:49)

C'est une boucle "exemple",  tu l'adapte ensuite comme tu veux. De plus comme exmpliqué :

chtiland.com wrote:

Bon, je pense avoir rien oublié, ah la feuille de style, il y a des références à des styles (menutile et submenu), perso je ne les ai pas ajoutés dans la feuille style.css, mais ça ne joue pas sur le fonctionnement du menu, donc à vos de faire en fonction de vos besoins (c'est sur quoi je vais m'atteler maintenant) wink

Donc c'est bien à toi maintenant "d'habiller" cette boucle + js pour la mettre à ton goût. Tu peux par exemple en récupérant l'ID de la rubrique mettre un fond de couleur différent en fonction de la rubrique. Mettre en évidence la rubrique active, etc.

Offline

#5 Re: un menu deroulant sympa sur mon site

(28-08-2007 20:09:07)

bon, j'ai préféré faire par moi même
et voila mon js

<!--
window.onload=show;
function show(id) {
var d = document.getElementById(id);
    for (var i = 1; i<=10; i++) {
        if (document.getElementById('sub'#ID)) {document.getElementById('sub'#ID).style.display='none';}
    }
if (d) {d.style.display='block';}
}
//-->

voila mon modele html

<!-- BLOCK GAUCHE -->
        <div id="menu">
       
            <!-- RECHERCHE -->
            <form method="post" action="recherche.php" name="recherche">
                <p>
                    <input type="text" name="motcle" class="recherche" value="Recherche ..." onblur="if(this.value=='')this.value='Recherche ...';" onfocus="if(this.value=='Recherche ...')this.value='';" />
                    <input type="submit" name="submit" class="envoi" value="" onclick=" recherche.submit()" />
                </p>
            </form>

           
            <!-- MENU -->
            <h2 class="title_navig2">Catégories</h2>
           
            <ul class="navig2">
                <THELIA_COLLECTIONS type="RUBRIQUE" parent="0" profondeur="1" boutique="1" classement="manuel">
                <li> <a href="#" onmouseover="show('sub#ID');">#TITRE</a> </li>
                </THELIA_COLLECTIONS>
            </ul>
           
            <div class="foot_menu"></div>
           
            <THELIA_COLLECTIONS type="RUBRIQUE" parent="0" profondeur="1" boutique="1" classement="manuel">
            <ul id="sub#ID" class"submenu">
                <THELIA_RUB2 type="RUBRIQUE" parent="#ID">
                <THELIA_srub type="RUBRIQUE" id="#ID" courante="0">
                    <li> <a href="#URL">#TITRE</a> </li>
                </THELIA_srub>   
                <THELIA_srubselect type="RUBRIQUE" id="#ID" courante="1">
                    <li> <a href="#URL" class="selected">#TITRE</a> </li>
                </THELIA_srubselect>
                </THELIA_RUB2>
                </THELIA_COLLECTIONS>
            </ul>
   
        </div>

mais je pense que mon script ne gére pas l'élément #ID  de thelia et je ne vois pas encore comment le faire
si quelqu'un sais m'aider merci bien !

Last edited by hellboy (28-08-2007 20:13:00)