Mettre en place l’attribut `id` que sur le premier `<ul>`

Juillet 2011

Bonjour,

pour faire un menu j’utilise une boucle qui liste les rubriques et sous-rubriques d’un secteur et j’ai besoin de mettre l’attribut id="MenuSecondaire" que sur la première balise <ul>.

J’ai beau tout essayer je n’y arrive pas

Boucles Résolu

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

Wolf

Juillet 2011

précises ton code et ta boucle ;)

Juillet 2011

Désolé je pensais que cela n’était pas nécessaire.

Voilà la boucle utilisée

<!-- debut colonne menu rubrique -->
<div id="ColMenu">
   <!-- debut affichage menu rubrique -->    
   <div class="menuCont">
       <BOUCLE_principale (RUBRIQUES){id_rubrique}>
           <B_section1>
               <BOUCLE_section1(RUBRIQUES) {racine} {id_secteur = #ID_SECTEUR}>
                   <!-- debut affichage titre rubrique racine -->
                   <div class="titreRubrique">
                           #TITRE
                   </div>
                   <!-- fin affichage titre rubrique racine -->
                   <!-- debut affichage sous-rubrique -->
                   <div class="inner">
                       <B_sousmenu1>
                               <ul id="MenuSecondaire">
                               <BOUCLE_sousmenu1(RUBRIQUES) {id_parent} {par num titre}>
                               <li>
									[(#EXPOSE{<strong>})]<a href="#URL_RUBRIQUE">[(#TITRE|supprimer_numero)]</a>[(#EXPOSE{</strong>})]
                               </li>		
									<B_sousmenu2>
									<li>
									<BOUCLE_sousmenu2(boucle_sousmenu1) {id_rubrique} {par num titre}>
									</BOUCLE_sousmenu2>   
									</li>
									</B_sousmenu2>
                           </BOUCLE_sousmenu1>						   
						   </ul>
                       </B_sousmenu1>
                   </div>
                   <!--  fin affichage sous-rubrique -->
               </BOUCLE_section1>
           </B_section1>
       </BOUCLE_principale>
   </div>
   <!-- fin affichage menu rubrique -->
</div>
<!-- fin colonne menu rubrique -->

D’avance merci

Indiquez l’intérêt que vous portez à cette réponse

0

Wolf

Juillet 2011

Si j’ai bien compris tu veux avoir qu’un seul <ul id="MenuSecondaire> en première position dans les menus.

Pour cela essayes de jouer avec #COMPTEUR_BOUCLE et fixes une condition sur le premier bouclage, ce qui donne :

<ul [#COMPTEUR_BOUCLE|=={1}|oui) id="MenuSecondaire"]>

N’hésites pas à mettre le post en résolu si c’est ce que tu cherchais ;)

Wolf

Juillet 2011

Après je ne pense pas que situé entre <B_sousmenu1> et
<BOUCLE_sousmenu1(RUBRIQUES) {id_parent} {par num titre}>, la balise #COMPTEUR_BOUCLE marchera.

Essayes donc ce code :

<!-- debut colonne menu rubrique -->
<div id="ColMenu">
  <!-- debut affichage menu rubrique -->    
  <div class="menuCont">
      <BOUCLE_principale (RUBRIQUES){id_rubrique}>
          <B_section1>
              <BOUCLE_section1(RUBRIQUES) {racine} {id_secteur = #ID_SECTEUR}>
                  <!-- debut affichage titre rubrique racine -->
                  <div class="titreRubrique">
                          #TITRE
                  </div>
                  <!-- fin affichage titre rubrique racine -->
                  <!-- debut affichage sous-rubrique -->
                  <div class="inner">
                      <B_sousmenu1>
                              
                              <BOUCLE_sousmenu1(RUBRIQUES)
{id_parent} {par num titre}>
<ul [#COMPTEUR_BOUCLE|=={1}|oui) id="MenuSecondaire"]>
                              <li>
                                                                        [(#EXPOSE{<strong>})]<a href="#URL_RUBRIQUE">[(#TITRE|supprimer_numero)]</a>[(#EXPOSE{</strong>})]
                              </li>                
                                                                        <B_sousmenu2>
                                                                        <li>
                                                                        <BOUCLE_sousmenu2(boucle_sousmenu1) {id_rubrique} {par num titre}>
                                                                        </BOUCLE_sousmenu2>   
                                                                        </li>
                                                                        </B_sousmenu2> 
</ul>
                          </BOUCLE_sousmenu1>                                                   
                                                  
                      </B_sousmenu1>
                  </div>
                  <!--  fin affichage sous-rubrique -->
              </BOUCLE_section1>
          </B_section1>
      </BOUCLE_principale>
  </div>
  <!-- fin affichage menu rubrique -->
</div>
<!-- fin colonne menu rubrique -->

Wolf

Juillet 2011

Ou ruses, comme ça par exemple :

#SET{je_veux_mettre_mon_id, 1}

<!-- debut colonne menu rubrique -->
...
...
<B_sousmenu1>
<ul [#GET{je_veux_mon_id|=={1}|oui) id="MenuSecondaire" #SET{je_veux_mettre_mon_id, 0}]>
<BOUCLE_sousmenu1(RUBRIQUES) {id_parent} {par num titre}>
...
...

Indiquez l’intérêt que vous portez à cette réponse

0

Wolf

Juillet 2011

Cette dernière solution est sûr de marcher ;)

Wolf

Juillet 2011

oups erreur d’écriture remplaces je_veux_mon_id par je_veux_mettre_mon_id, ce qui donne :

#SET{je_veux_mettre_mon_id, 1}

<!-- debut colonne menu rubrique -->
...
...
<B_sousmenu1>
<ul [#GET{je_veux_mettre_mon_id}|=={1}|oui) id="MenuSecondaire" #SET{je_veux_mettre_mon_id, 0}]>
<BOUCLE_sousmenu1(RUBRIQUES) {id_parent} {par num titre}>
...
...

Indiquez l’intérêt que vous portez à cette réponse

0

Juillet 2011

merci Wolf d’avoir essayé mais aucune des deux méthodes ne fonctionnent.
Indiquez l’intérêt que vous portez à cette réponse

0
Wolf

Juillet 2011
Ca marche, j’avais juste oublié une parenthèse avant le #GET

Le bon code :
#SET{je_veux_mettre_mon_id, 1}  ... ... <B_sousmenu1> <ul [(#GET{je_veux_mettre_mon_id}|=={1}|oui) id="MenuSecondaire" #SET{je_veux_mettre_mon_id, 0}]> <BOUCLE_sousmenu1(RUBRIQUES) {id_parent} {par num titre}> ... ...
N’oublies pas de te renseigner sur les balises #SET, #GET, #COMPTEUR_BOUCLE et les exemples d’applications. En temps normal un utilisateur spip il la trouve en 2 secondes cette erreur de parenthèse ;)
Indiquez l’intérêt que vous portez à cette réponse

0

Juillet 2011

et moi bigleux comme pas deux la tête ailleurs je n’avais pas vu l’oubli des parenthèses ..... ;-)

j’ai même essayé en utilisant alterner mais sans plus de résultats.

je regarde demain le code que tu m’as indiqué

merci à toi
Indiquez l’intérêt que vous portez à cette réponse

0

Wolf

Juillet 2011

au plaisir ;)

Juillet 2011

Tu va dire que je suis nul .... et c’est pas faux !!!!!!

je viens d’essayer le code et il fonctionne mais il positionne l’<id> sur le deuxième <ul>

<div class="inner">
	<ul >
		<li>
			<a href="spip.php?rubrique30">Rubrique 2</a>
		</li>               
		<li>
			<a href="spip.php?rubrique64">Rubrique 3</a>
		</li>               
		<li>
			<a href="spip.php?rubrique77">Rubrique 4</a>
		</li>               
		<li>
			<ul   id="MenuSecondaire" >
				<li>
					<a href="spip.php?rubrique81">Rubrique 4.1</a>
				</li>               
				<li>
					<a href="spip.php?rubrique82">Rubrique 4.2</a>
				</li>               
				<li>
					<a href="spip.php?rubrique88">Rubrique 4.3</a>
				</li>               
			</ul>
		</li>
			<li>
				<a href="spip.php?rubrique78">Rubrique 5</a>
			</li>               
		<li>
			<ul >
				<li>
					<a href="spip.php?rubrique140">Rubrique 5.1</a>
				</li>               
				<li>
					<a href="spip.php?rubrique141">Rubrique 5.2</a>
				</li>               
			</ul>
		</li>
	</ul>
</div>

Indiquez l’intérêt que vous portez à cette réponse

0

Wolf

Juillet 2011

T’inquiètes pas il y a 4mois j’en étais au même point que toi ;)

ton code est-il exactement celui_ci ?
#SET{je_veux_mettre_mon_id, 1}  <div id="ColMenu">  <div class="menuCont"> <BOUCLE_principale (RUBRIQUES){id_rubrique}> <B_section1> <BOUCLE_section1(RUBRIQUES) {racine} {id_secteur = #ID_SECTEUR}>  <div class="titreRubrique"> #TITRE </div>   <div class="inner"> <B_sousmenu1> <ul [(#GET{je_veux_mettre_mon_id}|=={1}|oui) id="MenuSecondaire" #SET{je_veux_mettre_mon_id, 0}]> <BOUCLE_sousmenu1(RUBRIQUES) {id_parent} {par num titre}> <li> [(#EXPOSE{<strong>})]<a href="#URL_RUBRIQUE">[(#TITRE|supprimer_numero)]</a>[(#EXPOSE{</strong>})] </li> <B_sousmenu2> <li> <BOUCLE_sousmenu2(boucle_sousmenu1) {id_rubrique} {par num titre}> </BOUCLE_sousmenu2> </li> </B_sousmenu2> </BOUCLE_sousmenu1> </ul> </B_sousmenu1> </div>  </BOUCLE_section1> </B_section1> </BOUCLE_principale> </div>  </div> 
Sinon essayes ça (j’ai enlevé le code optionnel de la boucle sousmenu1)
#SET{je_veux_mettre_mon_id, 1}  <div id="ColMenu">  <div class="menuCont"> <BOUCLE_principale (RUBRIQUES){id_rubrique}> <B_section1> <BOUCLE_section1(RUBRIQUES) {racine} {id_secteur = #ID_SECTEUR}>  <div class="titreRubrique"> #TITRE </div>   <div class="inner"> <BOUCLE_sousmenu1(RUBRIQUES) {id_parent} {par num titre}> <ul [(#GET{je_veux_mettre_mon_id}|=={1}|oui) id="MenuSecondaire" #SET{je_veux_mettre_mon_id, 0}]> <li> [(#EXPOSE{<strong>})]<a href="#URL_RUBRIQUE">[(#TITRE|supprimer_numero)]</a>[(#EXPOSE{</strong>})] </li> <B_sousmenu2> <li> <BOUCLE_sousmenu2(boucle_sousmenu1) {id_rubrique} {par num titre}> </BOUCLE_sousmenu2> </li> </B_sousmenu2> </ul> </BOUCLE_sousmenu1> </div>  </BOUCLE_section1> </B_section1> </BOUCLE_principale> </div>  </div>

Juillet 2011

Le premier code est bien car il positionne les balise <ul> au bon endroit mais en contrepartie il place l’attribut id="MenuSecondaire" sur le deuxième <ul>

Le deuxième code place l’attribut id="MenuSecondaire" sur le premier <ul> c’est bon mais il encadre avec des balises <ul> chaque balise <li>

idéalement le résultat devrais donner cela :

<!-- debut colonne menu rubrique -->
<div id="ColMenu">
	<!-- debut affichage menu rubrique -->    
	<div class="menuCont">
		<!-- debut affichage titre rubrique racine -->
		<div class="titreRubrique">
			TITRE RUBRIQUE RACINE
		</div>
		<!-- fin affichage titre rubrique racine -->
		<!-- debut affichage sous-rubrique -->
		<div class="inner">
			<ul id="MenuSecondaire">
				<li>
					<a href="URL_RUBRIQUE_1">TITRE RUBRIQUE 1</a>
				</li>
				<li>
					<a href="URL_RUBRIQUE_2">TITRE RUBRIQUE 2</a>
				</li>
				<li>
					<ul>
						<li>
							<a href="URL_SOUSRUBRIQUE_2.1">TITRE SOUSRUBRIQUE 2.1</a>
						</li>
						<li>
							<a href="URL_SOUSRUBRIQUE_2.2">TITRE SOUSRUBRIQUE 2.2</a>
						</li>
						<li>
							<a href="URL_SOUSRUBRIQUE_2.3">TITRE SOUSRUBRIQUE 2.3</a>
						</li>
						<li>
							<a href="URL_SOUSRUBRIQUE_2.4">TITRE SOUSRUBRIQUE 2.4</a>
						</li>
					</ul>
				</li>
				<li>
					<a href="URL_RUBRIQUE_3">TITRE RUBRIQUE 3</a>
				</li>
				<li>
					<a href="URL_RUBRIQUE_4">TITRE RUBRIQUE 4</a>
				</li>
				<li>
					<ul>
						<li>
							<a href="URL_SOUSRUBRIQUE_4.1">TITRE SOUSRUBRIQUE 4.1</a>
						</li>
						<li>
							<a href="URL_SOUSRUBRIQUE_4.2">TITRE SOUSRUBRIQUE 4.2</a>
						</li>
					</ul>
				</li>
				<li>
					<a href="URL_RUBRIQUE_5">TITRE RUBRIQUE 5</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- fin affichage menu rubrique -->
</div>
<!-- fin colonne menu rubrique -->

Encore merci pour ton aide

Indiquez l’intérêt que vous portez à cette réponse

0

Wolf

Juillet 2011

J’ai testé en détails chez moi, ça marche une fois sur 2...

bizare, parfois on dirait que spip ne lit pas les filtre logiques lors de la première occurence des codes optionnels de boucle...

Mais je ne me laisse jamais faire !

J’ai essayé de jouer avec les type html, j’ai donc placé un id="" ; allez hop ça marche chez moi ;)
#SET{je_veux_mettre_mon_id, 1}  <div id="ColMenu">  <div class="menuCont"> <BOUCLE_principalebis (RUBRIQUES){id_rubrique}> <B_section1> <BOUCLE_section1(RUBRIQUES) {racine} {id_secteur = #ID_SECTEUR}>  <div class="titreRubrique"> #TITRE </div>   <div class="inner"> <B_sousmenu1> <ul [(#GET{je_veux_mettre_mon_id}|=={1}|oui) id="" #SET{je_veux_mettre_mon_id, 0}] id="MenuSecondaire" > <BOUCLE_sousmenu1(RUBRIQUES) {id_parent} {par num titre}> <li> [(#EXPOSE{<strong>})]<a href="#URL_RUBRIQUE">[(#TITRE|supprimer_numero)]</a>[(#EXPOSE{</strong>})] </li> <B_sousmenu2> <li> <BOUCLE_sousmenu2(boucle_sousmenu1) {id_rubrique} {par num titre}> </BOUCLE_sousmenu2> </li> </B_sousmenu2> </BOUCLE_sousmenu1> </ul> </B_sousmenu1> </div>  </BOUCLE_section1> </B_section1> </BOUCLE_principalebis> </div>  </div>  </div>
Indiquez l’intérêt que vous portez à cette réponse

0

Juillet 2011

Bonjour,

j’ai essayé le dernier code il place l’id="MenuSecondaire" sur tous les <ul> et l’id="" uniquement sur le deuxième <ul>.

je cherche de mon coté mais j’ai pas trouvé pour l’instant
Indiquez l’intérêt que vous portez à cette réponse

0

Novispip

Juillet 2011

oh con j’ai oublié un détail :

Essayes ça :
#SET{je_veux_mettre_mon_id, 1}  <div id="ColMenu">  <div class="menuCont"> <BOUCLE_principalebis (RUBRIQUES){id_rubrique}> <B_section1> <BOUCLE_section1(RUBRIQUES) {racine} {id_secteur = #ID_SECTEUR}>  <div class="titreRubrique"> #TITRE </div>   <div class="inner"> <B_sousmenu1> <ul [(#GET{je_veux_mettre_mon_id}|=={1}|oui) id=""] id="MenuSecondaire" > <BOUCLE_sousmenu1(RUBRIQUES) {id_parent} {par num titre}> <li> [(#EXPOSE{<strong>})]<a href="#URL_RUBRIQUE">[(#TITRE|supprimer_numero)]</a>[(#EXPOSE{</strong>})] </li> <B_sousmenu2> <li> <BOUCLE_sousmenu2(boucle_sousmenu1) {id_rubrique} {par num titre}> </BOUCLE_sousmenu2> </li> </B_sousmenu2> </BOUCLE_sousmenu1> </ul> </B_sousmenu1> </div>  </BOUCLE_section1> </B_section1> </BOUCLE_principalebis> </div>  </div>  </div>
Si ça ne marche pas réponds à cette question :
– c’est pour assigner des styles l’id="menusecondaire" ?
– c’est pour du javascript ?
Indiquez l’intérêt que vous portez à cette réponse

0

Juillet 2011

Bon ben désolé mais cela ne fonctionne pas.

L’objectif c’est d’assigner l’id="MenuSecondaire" à la première balise <ul> d’un menu pour le mettre en style.

Comme c’est pour un intranet je ne peux pas te mettre un lien vers le site par contre je voilà un lien vers un site que je viens de mettre en place pour te faire voir.

J’ai créé un squelette rubrique qui reprends ta dernière proposition (dans une div flottante à gauche) et à laquelle j’ai ajouté ce à quoi je dois arriver (dans une div flottante à droite).

Merci du temps que tu accordes à mon souci.

http://cavagnoud.name/spip/spip.php...
Indiquez l’intérêt que vous portez à cette réponse

0

Novispip

Juillet 2011

Si j’ai bien compris tu souhaites mettre des styles au premier ul, c’est à dire sur l’ul qui englobe tout le menu.

Tu veux également que son style ne soit pas héréditaire, cad en lui mettant un id.

Si je me trompes corriges moi.

La solution est dans le css :

Crée tes styles comme ceci :
.inner ul { ton style particulier par le premier ul } .inner ul ul{ ton style pour les sous ul }
Indiquez l’intérêt que vous portez à cette réponse

0

Juillet 2011

Effectivement cela me parait peut être le plus évident maintenant qu’on me le dis, j’étais tellement dans le truc de vouloir le faire entièrement en boucle spip que je n’y avais pas pensé.

Je vais essayer cela ce week-end

Merci
Indiquez l’intérêt que vous portez à cette réponse

0

Novispip

Juillet 2011

De mon côté j’ai utilisé cette astuce pour personnaliser les ul et sous ul de mon menu ;)

si tu veux y jeter un coup d’oeil => www.bougeasainte.com
Indiquez l’intérêt que vous portez à cette réponse

0

Juillet 2011

Tu parles de la mise en forme du menu par css Novispip ???? c’est l’astuce que tu as utilisés
Indiquez l’intérêt que vous portez à cette réponse

0

Novispip

Juillet 2011

oui via les styles css ;)
Indiquez l’intérêt que vous portez à cette réponse

0

Juillet 2011

yes cela fonctionne ..... enfin presque ... je me bats depuis ce matin pour supprimer l’utilisation d’une puce dans la liste imbriquée .... grrrrrrrrrrrrr
Indiquez l’intérêt que vous portez à cette réponse

0

Novispip

Juillet 2011

list-style:none;

oulala ....

fil de discussion résolu ?

« Précédent 1 2 Suivant »

Mettre en place l’attribut id que sur le premier <ul>

Mettre en place l’attribut `id` que sur le premier `<ul>`