THELIA Forum

Welcome to the THELIA support and discusssion forum

Announcement

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

Offline

#1 Menu déroulant

(20-02-2010 10:07:09)

Bonjour à tous !

j'essaie d'intégrer le squelette du menu déroulant de Ludovic Lenne : http://contrib.thelia.fr/spip.php?article31

Je fais ce qu'il écrit à savoir:
supprimer et remplacer dans le fichier menu.html la boucle THELIA_MENU_RUBRIQUES par #INCLURE "menu_deroule.html".

Ce qui donne le code suivant :
<div id="moteurEtCatalogue">
<div id="menuCatalogue">   
        <h3>Catalogue</h3>
      #INCLURE "menu_deroule.html"
</div>
</div>

Et ça ne marche pas il m'affiche dans le browser le code "#INCLURE "menu_deroule.html" " dans la page et pas le menu..
Qu'est que je fais de mal ?

Offline

#2 Re: Menu déroulant

(20-02-2010 10:20:09)

il faut je pense rajouter $parsephp=1; dans la page.php appelante

le-bouquiniste.com                                                      tongue  plugin 1.4.x / 1.5   => valeurstock / Mailpaiement / formcontact

Offline

#3 Re: Menu déroulant

(20-02-2010 10:25:30)

heu la page.php appelante ? tu px préciser ?

Offline

#4 Re: Menu déroulant

(20-02-2010 10:27:57)

si par exemple tu utilise ton code dans la page 'produit.html'
$parsephp=1; serait a rajouter dans 'produit.php'

le-bouquiniste.com                                                      tongue  plugin 1.4.x / 1.5   => valeurstock / Mailpaiement / formcontact

Offline

#5 Re: Menu déroulant

(20-02-2010 10:28:01)

je ne trouve pas de page menu.php en tous cas

Offline

#6 Re: Menu déroulant

(20-02-2010 10:30:34)

c'est dans la page rubrique.html
donc j'ai fait :
<?php
    $fond="rubrique.html";
    $pageret=1;
    $parsephp=1;
    include("fonctions/moteur.php");
?>


ça ne change rien mais merci pour ton aide

Offline

#7 Re: Menu déroulant

(20-02-2010 10:36:00)

je ne trouve pas de page menu.php en tous cas

C'est normal les pages html integrees par des #INCLURE n'ont pas besoin de leur propre page d'appel.
Par contre bizarre que cela ne fonctionne pas.
Si tu fait un #INCLURE "menu.html"
est ce que tu as le meme probleme?

le-bouquiniste.com                                                      tongue  plugin 1.4.x / 1.5   => valeurstock / Mailpaiement / formcontact

Offline

#8 Re: Menu déroulant

(20-02-2010 10:42:22)

Euh je viens de penser a 1 truc,
tu as bien une page 'menu_deroule.html' sur ton site?

le-bouquiniste.com                                                      tongue  plugin 1.4.x / 1.5   => valeurstock / Mailpaiement / formcontact

Offline

#9 Re: Menu déroulant

(20-02-2010 10:47:32)

ce qui me parait bizarre  dans les explications de la contrib, c'est ceci :
supprimer et remplacer dans le fichier menu.html la boucle THELIA_MENU_RUBRIQUES par #INCLURE "menu_deroule.html".
Il me semble que c'est dans la page appelante que je dois faire l'include, non?
Parce que là, ça marche à peu près..
si je fais #INCLURE "menu.html" dans la page menu.html, ça ne donne évidemment rien

Last edited by Flupax (20-02-2010 10:47:58)

Offline

#10 Re: Menu déroulant

(20-02-2010 11:12:05)

Je viens d'aller voir le plugin en question et effectivement il semble qu'il faut inclure #INCLURE "menu_deroule.html"
dans le menu.html d'origine
Est ce que tu as bien reporte et surtout appele le styles_menu_deroule.css?

le-bouquiniste.com                                                      tongue  plugin 1.4.x / 1.5   => valeurstock / Mailpaiement / formcontact

Offline

#11 Re: Menu déroulant

(20-02-2010 12:52:16)

oui les styles y sont

Offline

#12 Re: Menu déroulant

(20-02-2010 12:54:22)

en fait ce que je cherche exactement c'est un menu comme ceci:
http://www.dynamicdrive.com/dynamicinde … bullet.htm
J'ai essayé pendant des heures hier d'intégrer les boucles mais ça ne marche pas
et je ne comprends pas pourquoi

Offline

#13 Re: Menu déroulant

(21-02-2010 04:25:28)

Je viens d'essayer le menu et cela fonctionne,
bon pas parfaitement pour l'instant, il faudrait que je prenne un peu plus de temps...
Mais point essentiel il faut que tu crees des sous rubriques pour que le menu affiche quelque chose, car auparavant sans chez moi je n'avais rien d'affiche...

le-bouquiniste.com                                                      tongue  plugin 1.4.x / 1.5   => valeurstock / Mailpaiement / formcontact

Offline

#14 Re: Menu déroulant

(22-02-2010 11:11:23)

voici la boucle complète:
<div id="accueil"><ul><li><a href="index.php">Accueil boutique</a></li></ul></div>
    <div id="menuCatalogue">   
        <h3>Catalogue</h3>
       <ul>
            <THELIA_MENU_RUBRIQUES type="RUBRIQUE" parent="0" classement="manuel">
           
            <li><a href="#URL" #FILTRE_egalite(#RUBRIQUE_ID||#ID||class="selection")>#TITRE</a>

                <T_BLOC_SOUS_MENU>
                    <ul>
                        <THELIA_BLOC_SOUS_MENU type="RUBRIQUE" parent="#ID">
                            <li><a href="#URL" #FILTRE_egalite(#RUBRIQUE_ID||#ID||class="selection")>#TITRE</a><ul>
                                <THELIA_BLOC_SOUS_SOUS_MENU type="RUBRIQUE" parent="#ID">
                                <li><a href="#URL" #FILTRE_egalite(#RUBRIQUE_ID||#ID||class="selection")>#TITRE</a></li>
                            </THELIA_BLOC_SOUS_SOUS_MENU></li></ul>
                        </THELIA_BLOC_SOUS_MENU>
                    </ul>
                </T_BLOC_SOUS_MENU>
                <//T_BLOC_SOUS_MENU>   
            </li>
            </THELIA_MENU_RUBRIQUES>
           
        </ul>
       
        <div><ul><li><a href="contact.php">Contactez-nous</a></li></ul></div>
    </div>
et encore merci pour ton aide!

Offline

#15 Re: Menu déroulant

(22-02-2010 13:55:26)

Bonjour à tous j'essaye depuis plusieurs jours également et je n'arrive pas au résultat rechercher. J'ai même essayé de mettre la boucle de Flupax dans mon menu.html mais sans résultat.
J'ai également appelé <link href="styles_menu_deroule.css" rel="stylesheet" type="text/css" /> le css dans la page menu.html doit-je la mettre dans d'autres pages?

voila ce que j'ai:
<html>
<head>
<link href="styles_menu_deroule.css" rel="stylesheet" type="text/css" />
<head/>       
<div id="moteurEtCatalogue">
    <div id="moteurDeRecherche">
        <h3>Recherche</h3>
        <form action="#URLRECHERCHE" method="post" name="recherche" id="recherche">
            <input name="motcle" type="text" value='Recherche' onclick="this.value='';"  />
            <p><button type="submit" class="bouton"><span><span>OK</span></span></button></p>
        </form>
     <div id="accueil"><ul><li><a href="index.php">Accueil boutique</a></li></ul></div>
    <div id="menuCatalogue">   
        <h3>Catalogue</h3>
       <ul>
            <THELIA_MENU_RUBRIQUES type="RUBRIQUE" parent="0" classement="manuel">
           
            <li><a href="#URL" #FILTRE_egalite(#RUBRIQUE_ID||#ID||class="selection")>#TITRE</a>

                <T_BLOC_SOUS_MENU>
                    <ul>
                        <THELIA_BLOC_SOUS_MENU type="RUBRIQUE" parent="#ID">
                            <li><a href="#URL" #FILTRE_egalite(#RUBRIQUE_ID||#ID||class="selection")>#TITRE</a><ul>
                                <THELIA_BLOC_SOUS_SOUS_MENU type="RUBRIQUE" parent="#ID">
                                <li><a href="#URL" #FILTRE_egalite(#RUBRIQUE_ID||#ID||class="selection")>#TITRE</a></li>
                            </THELIA_BLOC_SOUS_SOUS_MENU></li></ul>
                        </THELIA_BLOC_SOUS_MENU>
                    </ul>
                </T_BLOC_SOUS_MENU>
                <//T_BLOC_SOUS_MENU>   
            </li>
            </THELIA_MENU_RUBRIQUES>
           
        </ul>
       
        <div><ul><li><a href="contact.php">Contactez-nous</a></li></ul></div>
    </div>
</html>

Offline

#16 Re: Menu déroulant

(23-02-2010 03:36:38)

Bonjour,

Je vais resumer ce que j'ai fait pour aboutir au #13,
mais en fait il s'agit de ce qui est preconise...

Remplacer le #INCLURE "menu.html" par #INCLURE "menu_deroule.html"
dans les pages ou vous souhaitez appeler ce menu,
en rajoutant dans le <head> de ces memes pages (rubrique.html, produit.html,...)le lien pour le css:
<link href="styles_menu_deroule.css" rel="stylesheet" type="text/css" />
ou en le rajoutant directement dans 'meta.html' pour qu'il soit appele dans toutes vos pages.

Il faut bien sur avoir ajoute a la racine Thelia les 2 fichiers fournis:
'menu_deroule.html' et 'styles_menu_deroule.css"

Il est necessaire d'avoir des sous rubriques pour qu'elles s'affichent, oui je sais cela parait evident...

Vous savez quoi?
En meme temps que je vous donne tous ces conseils, je refait la manip
et bien cela ne fonctionne plus lol

Je post quand meme en attendant d'avoir "trouve" d'ou vient le probleme ou qu'un posteur utilisant ce menu_deroule se presente...

le-bouquiniste.com                                                      tongue  plugin 1.4.x / 1.5   => valeurstock / Mailpaiement / formcontact

Offline

#17 Re: Menu déroulant

(23-02-2010 07:45:45)

me voilà rassuré wink

Last edited by Flupax (23-02-2010 07:46:18)

Offline

#18 Re: Menu déroulant

(23-02-2010 09:03:44)

Bon je vais réesséyé depuis le début.

Offline

#19 Re: Menu déroulant

(24-02-2010 18:12:12)

Toujours pas de solution, quelqu'un as une idée?

Offline

#20 Re: Menu déroulant

(12-03-2010 15:45:42)

j'avais le même problème que vous, rien d'original dans ma solution mais en mettant le code de la page menu_deroule.html à la place de #INCLURE menu_deroule.html cela fonctionne

Offline

#21 Re: Menu déroulant

(18-03-2010 15:48:48)

Quelqu'un aurait un exemple de ce plugin en fonctionnement sur un site ?
J'ai voulu l'installer, mais rien à faire, ça déroule pas, c'est fixe.

Graphiste indépendante

Offline

#22 Re: Menu déroulant

(23-03-2010 22:25:32)

Pour résumer,
quelqu'un a-t-il un menu déroulant qui fonctionne ????

Offline

#23 Re: Menu déroulant

(23-03-2010 22:51:54)

Bonsoir, oui je vais te donner le menu, le temps que je le retrouve dans les dossiers:) à tout de suite

Offline

#24 Re: Menu déroulant

(23-03-2010 22:57:57)

voici pour le code html, à toi de rajouter les <ul><li></li></ul> en plus
je t'envois après le css

<div id="menuvertical">
	
	<ul class="mainnav">
		
		<THELIA_mainA type="RUBRIQUE" id="13" num="1">
			<li class="titre"><a href="#REWRITEURL">#TITRE</a>
				<ul class="enfant">
					<THELIA_subA type="RUBRIQUE" parent="#ID">
						<li><a href="#REWRITEURL">#TITRE</a></li>	
					</THELIA_subA>
				</ul>
			</li>
		</THELIA_mainA>  
	
		<THELIA_mainB type="RUBRIQUE" id="58" num="1">
			<li class="titre"><a href="#REWRITEURL">#TITRE</a>
				<ul class="enfant">
					<THELIA_subB type="RUBRIQUE" parent="#ID">
						<li><a href="#REWRITEURL">#TITRE</a></li>	
					</THELIA_subB>
				</ul>
			</li>
		</THELIA_mainB>  
		
		<THELIA_mainC type="RUBRIQUE" id="98" num="1">
			<li class="titre"><a href="#REWRITEURL">#TITRE</a>
				<ul class="enfant">
					<THELIA_subC type="RUBRIQUE" parent="#ID">
						<li><a href="#REWRITEURL">#TITRE</a></li>	
					</THELIA_subC>
				</ul>
			</li>
		</THELIA_mainC>  
	
	</ul><br/>
	
</div>

Offline

#25 Re: Menu déroulant

(23-03-2010 23:02:49)

Et voici le code CSS, bon courage

div#menuvertical {
float:left;
margin:20px 0 0;
padding-top:0;
width:180px;
}
div#menuvertical a {
color:#FFFFFF;
font-family:Arial,sans-serif;
font-size:12px;
}
div#menuvertical ul {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#166198 none repeat scroll 0 0;
margin:0;
padding:0;
width:180px;
}
div#menuvertical li:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#16AFE2 none repeat scroll 0 0;
}
div#menuvertical li a:hover {
color:#000000;
}
div#menuvertical li.titre:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#16AFE2 none repeat scroll 0 0;
}
div#menuvertical ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:relative;
}
div#menuvertical ul ul {
display:none;
left:180px;
position:absolute;
top:0;
}
div#menuvertical li a {
color:#FFFFFF;
display:block;
padding:3px 0 2px 8px;
text-decoration:none;
width:180px;
}
div#menuvertical ul.mainnav li.titre:hover ul.enfant, div#menuvertical ul.enfant li.titre:hover {
display:inline-block;
}