plan du site et blocs dépliables ( CS)

Jacques_Bouthier · Décembre 25, 2009, 7:24

Bonjour,

Sur un site où nous avons le plan du site sur la page d'accueil, j'ai cherché à mettre en place les blocs dépliants du couteau suisse. Naïvement j'avais pensé qu'il suffisait de rajouter les balises (par deux fois pour tout plier/déplier) dans le plan actuel (tiré de la dist) pour afficher les blocs dépliants, malheureusement cela casse l'ordonnancement des ul/li et produit un code qui arrive au mieux à passer sous firefox et pas du tout sous IE...
Ci-dessous la tentative de code (le site actuel non modifié est visible là : http://guidefederal.ffechecs.org/ )

Quelqu'un aurait-il une idée ? Ne plus utiliser les ul/li, mais alors comment faire apparaître la structure des informations ? Ne pas utiliser le plan du site mais d'autres boucles ?

Par avance merci,
Jacques

[(#REM) Le plan complet du site en page d'accueil]
<div class="teinte">
<BOUCLE_secteurs(RUBRIQUES) {racine} {par num titre}{id_rubrique !=29}>

#BLOC_TITRE <h2><a href="#URL_RUBRIQUE">#TITRE</a></h2>

         [(#REM) Articles et sous-rubriques ]
         <B_articles_racine>
         <ul>#BLOC_DEBUT
             <BOUCLE_articles_racine(ARTICLES) {id_rubrique} {par num titre}{id_rubrique !=29}>
             <li><a href="#URL_ARTICLE">#TITRE</a></li>
             </BOUCLE_articles_racine>#BLOC_FIN
         </ul>
         </B_articles_racine>

         <B_rubriques>
         <ul>
             <BOUCLE_rubriques(RUBRIQUES) {id_parent} {par num titre}{id_rubrique !=29}>
             <li>
                #BLOC_TITRE <a href="#URL_RUBRIQUE">#TITRE</a>
                     <B_articles>
    <ul>#BLOC_DEBUT
            <BOUCLE_articles(ARTICLES) {id_rubrique} {par num titre}>
                     <li><a href="#URL_ARTICLE">#TITRE</a></li>
                     </BOUCLE_articles> #BLOC_FIN
                 </ul>

</B_articles>
<BOUCLE_sous_rubriques(BOUCLE_rubriques){id_rubrique !=29}></BOUCLE_sous_rubriques> </li> </BOUCLE_rubriques> </ul>
</B_rubriques> </BOUCLE_secteurs> <br /> </div>

Perline · Décembre 25, 2009, 8:03

As-tu essayé #BLOC_DEBUT<ul> au lieu de <ul>#BLOC_DEBUT et le contraire pour #BLOC_FIN ?

As-tu le bout de code résultant pour voir où sont placées les balises conséquentes ?

Le Vendredi 25 Décembre 2009 08:24:49 jack <jack@lmpe.fr>, dans un message intitulé "[Spip] plan du site et blocs dépliables ( CS)" nous a informés :

Bonjour,

Sur un site où nous avons le plan du site sur la page d'accueil, j'ai cherché à mettre en place les blocs dépliants du couteau suisse. Naïvement j'avais pensé qu'il suffisait de rajouter les balises (par deux fois pour tout plier/déplier) dans le plan actuel (tiré de la dist) pour afficher les blocs dépliants, malheureusement cela casse l'ordonnancement des ul/li et produit un code qui arrive au mieux à passer sous firefox et pas du tout sous IE...
Ci-dessous la tentative de code (le site actuel non modifié est visible là : http://guidefederal.ffechecs.org/ )

Quelqu'un aurait-il une idée ? Ne plus utiliser les ul/li, mais alors comment faire apparaître la structure des informations ? Ne pas utiliser le plan du site mais d'autres boucles ?

Par avance merci,
Jacques

[(#REM) Le plan complet du site en page d'accueil]
<div class="teinte">
        <BOUCLE_secteurs(RUBRIQUES) {racine} {par num titre}{id_rubrique !=29}>

      #BLOC_TITRE <h2><a href="#URL_RUBRIQUE">#TITRE</a></h2>

        [(#REM) Articles et sous-rubriques ]
        <B_articles_racine>
        <ul>#BLOC_DEBUT
            <BOUCLE_articles_racine(ARTICLES) {id_rubrique} {par num titre}{id_rubrique !=29}>
            <li><a href="#URL_ARTICLE">#TITRE</a></li>
            </BOUCLE_articles_racine>#BLOC_FIN
        </ul>
        </B_articles_racine>

        <B_rubriques>
        <ul>
            <BOUCLE_rubriques(RUBRIQUES) {id_parent} {par num titre}{id_rubrique !=29}>
            <li>
               #BLOC_TITRE <a href="#URL_RUBRIQUE">#TITRE</a>
                    <B_articles>
   <ul>#BLOC_DEBUT
           <BOUCLE_articles(ARTICLES) {id_rubrique} {par num titre}>
                    <li><a href="#URL_ARTICLE">#TITRE</a></li>
                    </BOUCLE_articles> #BLOC_FIN
                </ul>

                </B_articles>

<BOUCLE_sous_rubriques(BOUCLE_rubriques){id_rubrique !=29}></BOUCLE_sous_rubriques> </li> </BOUCLE_rubriques> </ul>
        </B_rubriques> </BOUCLE_secteurs> <br /> </div>

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

--
****Fin du message end - Signature****
Perline

spip@perline.org – http://perline.org/

Ce message est couvert par le secret de la correspondance
(art. 226-15 et 432-9 du Code pénal)
********************************************

Jacques_Bouthier · Décembre 25, 2009, 8:53

Bonjour,
Oui j'ai essayé un peu toutes les combinaisons que je voyais. Je viens de réessayer le résultat est sensiblement identique.
Ci-dessous le source de la page html produite en local. Il semble au moins qu'il y aitr un div de trop quelque part puisque le dernier div devrait correspondre au premier ci-dessous et ce n'est pas le cas...

Jacques

Le 25/12/2009 09:03, Perline-Spip a écrit :

As-tu essayé #BLOC_DEBUT<ul> au lieu de <ul>#BLOC_DEBUT et le contraire pour #BLOC_FIN ?

As-tu le bout de code résultant pour voir où sont placées les balises conséquentes ?

<div class="teinte">
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique4">Présentation</a></h2>
<ul>
<li>
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique5">Histoire</a>

<li><a href="spip.php?article3">Les présidents de la FFE</a></li>
</div></div>
</ul>
</li>
<li>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique6">Instances Fédérales</a>

<li><a href="spip.php?article5">L’Assemblée Générale Ordinaire</a></li>

<li><a href="spip.php?article6">Le Président</a></li>

<li><a href="spip.php?article7">Le Bureau</a></li>

<li><a href="spip.php?article8">Le Comité Directeur</a></li>

<li><a href="spip.php?article24">Les Assemblées Générales</a></li>
</div></div>
</ul>

</li>
<li>
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique7">Secrétariat Fédéral</a>

<li><a href="spip.php?article9">Fonctionnement du siège fédéral</a></li>

<li><a href="spip.php?article10">Liste de contacts</a></li>
</div></div>
</ul>

</li> </ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique9">Textes Fédéraux</a></h2>

<li><a href="spip.php?article54">Les statuts</a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique10">Les organes de la FFE</a></h2>

<li><a href="spip.php?article17">Les Ligues</a></li>

<li><a href="spip.php?article18">Les Comités Départementaux</a></li>

<li><a href="spip.php?article19">Les clubs</a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique11">La licence</a></h2>

<li><a href="spip.php?article25">La licence</a></li>

<li><a href="spip.php?article26">Financement fédéral par prise de licence</a></li>

<li><a href="spip.php?article40">Prise de licence par Internet</a></li>

<li><a href="spip.php?article41">Prise de licence par courrier</a></li>
</div></div>

</ul>

<li><a href="spip.php?article13">Créer un club</a></li>
</div></div>
</ul>
<ul>

<li>
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique28">Responsabilités et assurances</a>

<li><a href="spip.php?article51">Déplacements et assurance fédérale</a></li>

<li><a href="spip.php?article38">Responsabilité de l’Association et des Dirigeants</a></li>

<li><a href="spip.php?article39">Les assurances : éléments clefs</a></li>

</div></div>
</ul>

</li>
<li>
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique24">Etre employeur</a>

<li><a href="spip.php?article37">Embaucher un salarié dans un club</a></li>

<li><a href="spip.php?article15">Statut d’auto-entrepreneur</a></li>

<li><a href="spip.php?article36">Le chèque emploi associatif</a></li>

<li><a href="spip.php?article14">Les emplois aidés</a></li>

<li><a href="spip.php?article46">Dispositif CAE</a></li>

<li><a href="spip.php?article47">ADE, l’aide pour les "seniors"</a></li>

<li><a href="spip.php?article48">Le CIE existe toujours</a></li>
</div></div>
</ul>

</li>
<li>
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique25">Comptabilité</a>

<li><a href="spip.php?article16">Ressources</a></li>

<li><a href="spip.php?article27">Le système comptable</a></li>

<li><a href="spip.php?article28">Quelques principes de base</a></li>

<li><a href="spip.php?article29">Présenter les comptes</a></li>
</div></div>
</ul>

</li>
<li>
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique27">Communiquer</a>

<li><a href="spip.php?article12">Promouvoir un club</a></li>

<li><a href="spip.php?article30">Communiquez largement</a></li>

<li><a href="spip.php?article31">J’organise un tournoi</a></li>

<li><a href="spip.php?article32">Trucs et Astuces du Président (TAP)</a></li>

<li><a href="spip.php?article49">Participer au Téléthon</a></li>
</div></div>
</ul>

</li> </ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique14">Le bénévolat</a></h2>

<li><a href="spip.php?article33">Le bénévolat</a></li>

<li><a href="spip.php?article34">Peut-on rémunérer un président ? </a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique15">Partenaires</a></h2>

<li><a href="spip.php?article52">Connaissez vous les CRIB ? </a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique16">Les échecs à l’école</a></h2>

<li><a href="spip.php?article35">Développer les interventions à l’école : bien différencier les interlocuteurs et les responsabilités</a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique32">Les echecs-loisir</a></h2>

<li><a href="spip.php?article45">Quelques conseils</a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique19">Technique : les essentiels</a></h2>

<li><a href="spip.php?article20">Transferts, Mutés</a></li>

<li><a href="spip.php?article21">Classements</a></li>

<li><a href="spip.php?article22">Arbitrage</a></li>

<li><a href="spip.php?article23">Dopage</a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique33">Internet</a></h2>

<li><a href="spip.php?article50">Créer le site du club</a></li>

<li><a href="spip.php?article53">Respecter la "net" étiquette</a></li>
</div></div>
</ul>

Perline · Décembre 25, 2009, 8:37

Il semble que ce soit le premier bloc qui se comporte mal.
Il débute, mais ne finit pas.
Une liste qui commence et reste en l'air.
C'est celui-ci-dessous.
C'est quoi ce <a href="javascript:;"> avant le lien ?
Peut-être voir de ce côté là ?
Ça peut aider ?

<h2>
<a href="spip.php?rubrique4">
Présentation
</a>
</h2>

Le Vendredi 25 Décembre 2009 09:53:16 Jacques Bouthier <jack@lmpe.fr>, dans un message intitulé "Re: [Spip] plan du site et blocs dépliables ( CS)" nous a informés :

Bonjour,
Oui j'ai essayé un peu toutes les combinaisons que je voyais. Je viens de réessayer le résultat est sensiblement identique.
Ci-dessous le source de la page html produite en local. Il semble au moins qu'il y aitr un div de trop quelque part puisque le dernier div devrait correspondre au premier ci-dessous et ce n'est pas le cas...

Jacques

Le 25/12/2009 09:03, Perline-Spip a écrit :

As-tu essayé #BLOC_DEBUT<ul> au lieu de <ul>#BLOC_DEBUT et le contraire pour #BLOC_FIN ?

As-tu le bout de code résultant pour voir où sont placées les balises conséquentes ?

<div class="teinte">
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique4">Présentation</a></h2>
<ul>
<li>
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique5">Histoire</a>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article3">Les présidents de la FFE</a></li>
</div></div>
</ul>
</li>
<li>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique6">Instances Fédérales</a>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article5">L’Assemblée Générale Ordinaire</a></li>

<li><a href="spip.php?article6">Le Président</a></li>

<li><a href="spip.php?article7">Le Bureau</a></li>

<li><a href="spip.php?article8">Le Comité Directeur</a></li>

<li><a href="spip.php?article24">Les Assemblées Générales</a></li>
</div></div>
</ul>

</li>
<li>
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique7">Secrétariat Fédéral</a>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article9">Fonctionnement du siège fédéral</a></li>

<li><a href="spip.php?article10">Liste de contacts</a></li>
</div></div>
</ul>

</li> </ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique9">Textes Fédéraux</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article54">Les statuts</a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique10">Les organes de la FFE</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article17">Les Ligues</a></li>

<li><a href="spip.php?article18">Les Comités Départementaux</a></li>

<li><a href="spip.php?article19">Les clubs</a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique11">La licence</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article25">La licence</a></li>

<li><a href="spip.php?article26">Financement fédéral par prise de licence</a></li>

<li><a href="spip.php?article40">Prise de licence par Internet</a></li>

<li><a href="spip.php?article41">Prise de licence par courrier</a></li>
</div></div>

</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique12">La vie d’un club</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article13">Créer un club</a></li>
</div></div>
</ul>
<ul>

<li>
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique28">Responsabilités et assurances</a>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article51">Déplacements et assurance fédérale</a></li>

<li><a href="spip.php?article38">Responsabilité de l’Association et des Dirigeants</a></li>

<li><a href="spip.php?article39">Les assurances : éléments clefs</a></li>

</div></div>
</ul>

</li>
<li>
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique24">Etre employeur</a>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article37">Embaucher un salarié dans un club</a></li>

<li><a href="spip.php?article15">Statut d’auto-entrepreneur</a></li>

<li><a href="spip.php?article36">Le chèque emploi associatif</a></li>

<li><a href="spip.php?article14">Les emplois aidés</a></li>

<li><a href="spip.php?article46">Dispositif CAE</a></li>

<li><a href="spip.php?article47">ADE, l’aide pour les "seniors"</a></li>

<li><a href="spip.php?article48">Le CIE existe toujours</a></li>
</div></div>
</ul>

</li>
<li>
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique25">Comptabilité</a>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article16">Ressources</a></li>

<li><a href="spip.php?article27">Le système comptable</a></li>

<li><a href="spip.php?article28">Quelques principes de base</a></li>

<li><a href="spip.php?article29">Présenter les comptes</a></li>
</div></div>
</ul>

</li>
<li>
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique27">Communiquer</a>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article12">Promouvoir un club</a></li>

<li><a href="spip.php?article30">Communiquez largement</a></li>

<li><a href="spip.php?article31">J’organise un tournoi</a></li>

<li><a href="spip.php?article32">Trucs et Astuces du Président (TAP)</a></li>

<li><a href="spip.php?article49">Participer au Téléthon</a></li>
</div></div>
</ul>

</li> </ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique14">Le bénévolat</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article33">Le bénévolat</a></li>

<li><a href="spip.php?article34">Peut-on rémunérer un président ? </a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique15">Partenaires</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article52">Connaissez vous les CRIB ? </a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique16">Les échecs à l’école</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article35">Développer les interventions à l’école : bien différencier les interlocuteurs et les responsabilités</a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique32">Les echecs-loisir</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article45">Quelques conseils</a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique19">Technique : les essentiels</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article20">Transferts, Mutés</a></li>

<li><a href="spip.php?article21">Classements</a></li>

<li><a href="spip.php?article22">Arbitrage</a></li>

<li><a href="spip.php?article23">Dopage</a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique33">Internet</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article50">Créer le site du club</a></li>

<li><a href="spip.php?article53">Respecter la "net" étiquette</a></li>
</div></div>
</ul>

<br /> </div>

--
****Fin du message end - Signature****
Perline

spip@perline.org – http://perline.org/

Ce message est couvert par le secret de la correspondance
(art. 226-15 et 432-9 du Code pénal)
********************************************

Jacques_Bouthier · Décembre 26, 2009, 5:29

Bonjour,
Merci de l'étude qui confirme ce que je voyais, même si ça n'en trouve pas la cause. Je ne sais pas pourquoi lors de la première occurence de #BLOC_TITRE et sur le premier titre de rubrique ça ne fonctionne pas, alors que sur les autres ça semble OK. Sans doute faut-il améliorer la boucle pour ne pas générer ce défaut, mais comment ?

Le <a href="javascript:;"> est installé par le couteau suisse, il ne semble pas utile dans ce cas (squelette) mais l'est lorsqu'un rédacteur insère des <bloc> </bloc> dans son article.

Bon je continue de chercher... Je cherche d'autres pistes aussi mais sans succès pour l'instant.

Bonne soirée,
Jacques

Le 25/12/2009 21:37, Perline-Spip a écrit :

Il semble que ce soit le premier bloc qui se comporte mal.
Il débute, mais ne finit pas.
Une liste qui commence et reste en l'air.
C'est celui-ci-dessous.
C'est quoi ce <a href="javascript:;"> avant le lien ?
Peut-être voir de ce côté là ?
Ça peut aider ?

<div class="cs_blocs">
<h4 class="blocs_titre blocs_replie ">
<a href="javascript:;">

<h2>
<a href="spip.php?rubrique4">
Présentation
</a>
</h2>

<ul>
<li>

Le Vendredi 25 Décembre 2009 09:53:16 Jacques Bouthier <jack@lmpe.fr>, dans un message intitulé "Re: [Spip] plan du site et blocs dépliables ( CS)" nous a informés :

Bonjour,
Oui j'ai essayé un peu toutes les combinaisons que je voyais. Je viens de réessayer le résultat est sensiblement identique.
Ci-dessous le source de la page html produite en local. Il semble au moins qu'il y aitr un div de trop quelque part puisque le dernier div devrait correspondre au premier ci-dessous et ce n'est pas le cas...

Jacques

Le 25/12/2009 09:03, Perline-Spip a écrit :

As-tu essayé #BLOC_DEBUT<ul> au lieu de <ul>#BLOC_DEBUT et le contraire pour #BLOC_FIN ?

As-tu le bout de code résultant pour voir où sont placées les balises conséquentes ?

<div class="teinte">
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique4">Présentation</a></h2>
<ul>
<li>
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique5">Histoire</a>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article3">Les présidents de la FFE</a></li>
</div></div>
</ul>
</li>
<li>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique6">Instances Fédérales</a>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article5">L’Assemblée Générale Ordinaire</a></li>

<li><a href="spip.php?article6">Le Président</a></li>

<li><a href="spip.php?article7">Le Bureau</a></li>

<li><a href="spip.php?article8">Le Comité Directeur</a></li>

<li><a href="spip.php?article24">Les Assemblées Générales</a></li>
</div></div>
</ul>

</li>
<li>
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique7">Secrétariat Fédéral</a>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article9">Fonctionnement du siège fédéral</a></li>

<li><a href="spip.php?article10">Liste de contacts</a></li>
</div></div>
</ul>

</li> </ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique9">Textes Fédéraux</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article54">Les statuts</a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique10">Les organes de la FFE</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article17">Les Ligues</a></li>

<li><a href="spip.php?article18">Les Comités Départementaux</a></li>

<li><a href="spip.php?article19">Les clubs</a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique11">La licence</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article25">La licence</a></li>

<li><a href="spip.php?article26">Financement fédéral par prise de licence</a></li>

<li><a href="spip.php?article40">Prise de licence par Internet</a></li>

<li><a href="spip.php?article41">Prise de licence par courrier</a></li>
</div></div>

</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique12">La vie d’un club</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article13">Créer un club</a></li>
</div></div>
</ul>
<ul>

<li>
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique28">Responsabilités et assurances</a>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article51">Déplacements et assurance fédérale</a></li>

<li><a href="spip.php?article38">Responsabilité de l’Association et des Dirigeants</a></li>

<li><a href="spip.php?article39">Les assurances : éléments clefs</a></li>

</div></div>
</ul>

</li>
<li>
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique24">Etre employeur</a>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article37">Embaucher un salarié dans un club</a></li>

<li><a href="spip.php?article15">Statut d’auto-entrepreneur</a></li>

<li><a href="spip.php?article36">Le chèque emploi associatif</a></li>

<li><a href="spip.php?article14">Les emplois aidés</a></li>

<li><a href="spip.php?article46">Dispositif CAE</a></li>

<li><a href="spip.php?article47">ADE, l’aide pour les "seniors"</a></li>

<li><a href="spip.php?article48">Le CIE existe toujours</a></li>
</div></div>
</ul>

</li>
<li>
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique25">Comptabilité</a>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article16">Ressources</a></li>

<li><a href="spip.php?article27">Le système comptable</a></li>

<li><a href="spip.php?article28">Quelques principes de base</a></li>

<li><a href="spip.php?article29">Présenter les comptes</a></li>
</div></div>
</ul>

</li>
<li>
<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <a href="spip.php?rubrique27">Communiquer</a>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article12">Promouvoir un club</a></li>

<li><a href="spip.php?article30">Communiquez largement</a></li>

<li><a href="spip.php?article31">J’organise un tournoi</a></li>

<li><a href="spip.php?article32">Trucs et Astuces du Président (TAP)</a></li>

<li><a href="spip.php?article49">Participer au Téléthon</a></li>
</div></div>
</ul>

</li> </ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique14">Le bénévolat</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article33">Le bénévolat</a></li>

<li><a href="spip.php?article34">Peut-on rémunérer un président ? </a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique15">Partenaires</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article52">Connaissez vous les CRIB ? </a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique16">Les échecs à l’école</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article35">Développer les interventions à l’école : bien différencier les interlocuteurs et les responsabilités</a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique32">Les echecs-loisir</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article45">Quelques conseils</a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique19">Technique : les essentiels</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article20">Transferts, Mutés</a></li>

<li><a href="spip.php?article21">Classements</a></li>

<li><a href="spip.php?article22">Arbitrage</a></li>

<li><a href="spip.php?article23">Dopage</a></li>
</div></div>
</ul>

<div class="cs_blocs"><h4 class="blocs_titre blocs_replie "><a href="javascript:;"> <h2><a href="spip.php?rubrique33">Internet</a></h2>

<ul></a></h4><div class="blocs_destination blocs_invisible blocs_slide">

<li><a href="spip.php?article50">Créer le site du club</a></li>

<li><a href="spip.php?article53">Respecter la "net" étiquette</a></li>
</div></div>
</ul>

<br /> </div>

Pat2 · Décembre 28, 2009, 1:25

Salut,
Ce code ne va pas du tout, en effet
En voici un qui affiche le plan d'un site :

<B_rubriques>
  <ul>
  <BOUCLE_rubriques(RUBRIQUES) {id_parent} {par titre}>
    <li>
      #BLOC_TITRE{#ID_RUBRIQUE} #TITRE
      #BLOC_DEBUT
      <B_articles2>
        <ul>
        <BOUCLE_articles2(ARTICLES) {id_rubrique} {par titre}>
          <li><a href="#URL_ARTICLE">#TITRE</a></li>
        </BOUCLE_articles2>
        </ul>
      </B_articles2>
      <BOUCLE_sous_rubriques(BOUCLE_rubriques)>
      </BOUCLE_sous_rubriques>
      #BLOC_FIN
    </li>
  </BOUCLE_rubriques>
  </ul>
</B_rubriques>

Pat

jack a écrit :

Bonjour,

Sur un site où nous avons le plan du site sur la page d'accueil, j'ai cherché à mettre en place les blocs dépliants du couteau suisse. Naïvement j'avais pensé qu'il suffisait de rajouter les balises (par deux fois pour tout plier/déplier) dans le plan actuel (tiré de la dist) pour afficher les blocs dépliants, malheureusement cela casse l'ordonnancement des ul/li et produit un code qui arrive au mieux à passer sous firefox et pas du tout sous IE...
Ci-dessous la tentative de code (le site actuel non modifié est visible là : http://guidefederal.ffechecs.org/ )

Quelqu'un aurait-il une idée ? Ne plus utiliser les ul/li, mais alors comment faire apparaître la structure des informations ? Ne pas utiliser le plan du site mais d'autres boucles ?

Par avance merci,
Jacques

[(#REM) Le plan complet du site en page d'accueil]
<div class="teinte">
        <BOUCLE_secteurs(RUBRIQUES) {racine} {par num titre}{id_rubrique !=29}>

      #BLOC_TITRE <h2><a href="#URL_RUBRIQUE">#TITRE</a></h2>

        [(#REM) Articles et sous-rubriques ]
        <B_articles_racine>
        <ul>#BLOC_DEBUT
            <BOUCLE_articles_racine(ARTICLES) {id_rubrique} {par num titre}{id_rubrique !=29}>
            <li><a href="#URL_ARTICLE">#TITRE</a></li>
            </BOUCLE_articles_racine>#BLOC_FIN
        </ul>
        </B_articles_racine>

        <B_rubriques>
        <ul>
            <BOUCLE_rubriques(RUBRIQUES) {id_parent} {par num titre}{id_rubrique !=29}>
            <li>
               #BLOC_TITRE <a href="#URL_RUBRIQUE">#TITRE</a>
                    <B_articles>
   <ul>#BLOC_DEBUT
           <BOUCLE_articles(ARTICLES) {id_rubrique} {par num titre}>
                    <li><a href="#URL_ARTICLE">#TITRE</a></li>
                    </BOUCLE_articles> #BLOC_FIN
                </ul>

                </B_articles>

<BOUCLE_sous_rubriques(BOUCLE_rubriques){id_rubrique !=29}></BOUCLE_sous_rubriques> </li> </BOUCLE_rubriques> </ul>
        </B_rubriques> </BOUCLE_secteurs> <br /> </div>

Pat2 · Décembre 28, 2009, 1:55

Re, toute la doc est ici :

Pat a écrit :

Salut,
Ce code ne va pas du tout, en effet
En voici un qui affiche le plan d'un site :

<B_rubriques>
    <ul>
    <BOUCLE_rubriques(RUBRIQUES) {id_parent} {par titre}>
        <li>
          #BLOC_TITRE{#ID_RUBRIQUE} #TITRE
          #BLOC_DEBUT
          <B_articles2>
              <ul>
              <BOUCLE_articles2(ARTICLES) {id_rubrique} {par titre}>
                  <li><a href="#URL_ARTICLE">#TITRE</a></li>
              </BOUCLE_articles2>
              </ul>
          </B_articles2>
          <BOUCLE_sous_rubriques(BOUCLE_rubriques)>
          </BOUCLE_sous_rubriques>
          #BLOC_FIN
        </li>
    </BOUCLE_rubriques>
    </ul>
</B_rubriques>

Pat

Jacques_Bouthier · Décembre 28, 2009, 6:45

Bonjour,

Merci ça marche beaucoup mieux ! J'avais lu en long et en large l'article sur les blocs dépliables du CS sans trouver ma solution.

Toutefois il y a un défaut : si un article est rattaché à une rubrique qui contient des sous-rubriques, il n'apparaît pas en dépliant : sans doute faut-il rajouter une boucle article supplémentaire pour couvrir ce cas ?
Ensuite, je ne l'avais pas dit explicitement mais je souhaite afficher au départ toutes les rubriques et sous-rubriques du site, et pouvoir déplier les articles de chaque secteur ou rubrique si besoin. J'ai modifié le code donné comme ci-dessous, mais je reste avec deux soucis :
- je n'affiche toujours pas un article d'une rubrique s'il y a des sous-rubriques
- j'ai rajouté un niveau d'affichage au départ mais la hiérarchie ne s'affiche pas comme elle devrait : les rubriques secteur s'affichent avec le retrait de sous-rubrique et vice-versa. Je vois comment corriger ça à coups de css, mais je me dis qu'il y a encore quelque chose de pas propre dans le code ?
Ci-dessous mon essai :
<B_secteur>
<B_rubriques>
<ul>
<BOUCLE_secteur(RUBRIQUES) {racine} {par num titre}{id_rubrique!=29} >

                <ul> <li>#BLOC_TITRE{#ID_RUBRIQUE} #TITRE
           #BLOC_DEBUT
                   <B_articles3>
                    <BOUCLE_articles3(ARTICLES) {id_rubrique} {par num titre}>
                   <li><a href="#URL_ARTICLE">#TITRE</a></li>
               </BOUCLE_articles3> </B_articles3> #BLOC_FIN

                     </li> </ul>
     <BOUCLE_rubriques(RUBRIQUES) {id_parent} {par num titre} >
         <li>
           #BLOC_TITRE{#ID_RUBRIQUE} #TITRE
           #BLOC_DEBUT
           <B_articles2>
               <ul>
               <BOUCLE_articles2(ARTICLES) {id_rubrique} {par num titre}>
                   <li><a href="#URL_ARTICLE">#TITRE</a></li>
               </BOUCLE_articles2>
               </ul>
           </B_articles2>
           <BOUCLE_sous_rubriques(BOUCLE_rubriques)>
           </BOUCLE_sous_rubriques>
           #BLOC_FIN
         </li>
     </BOUCLE_rubriques> </BOUCLE_secteur>
     </ul>
</B_rubriques>
</B_secteur>

Par avance merci,
Jacques

Le 28/12/2009 02:25, Pat a écrit :

Salut,
Ce code ne va pas du tout, en effet
En voici un qui affiche le plan d'un site :

<B_rubriques>
<ul>
<BOUCLE_rubriques(RUBRIQUES) {id_parent} {par titre}>
<li>
#BLOC_TITRE{#ID_RUBRIQUE} #TITRE
#BLOC_DEBUT
<B_articles2>
<ul>
<BOUCLE_articles2(ARTICLES) {id_rubrique} {par titre}>
<li><a href="#URL_ARTICLE">#TITRE</a></li>
</BOUCLE_articles2>
</ul>
</B_articles2>
<BOUCLE_sous_rubriques(BOUCLE_rubriques)>
</BOUCLE_sous_rubriques>
#BLOC_FIN
</li>
</BOUCLE_rubriques>
</ul>
</B_rubriques>

Pat

jack a écrit :

Bonjour,

Sur un site où nous avons le plan du site sur la page d'accueil, j'ai
cherché à mettre en place les blocs dépliants du couteau suisse.
Naïvement j'avais pensé qu'il suffisait de rajouter les balises (par
deux fois pour tout plier/déplier) dans le plan actuel (tiré de la
dist) pour afficher les blocs dépliants, malheureusement cela casse
l'ordonnancement des ul/li et produit un code qui arrive au mieux à
passer sous firefox et pas du tout sous IE...
Ci-dessous la tentative de code (le site actuel non modifié est
visible là : http://guidefederal.ffechecs.org/ )

Quelqu'un aurait-il une idée ? Ne plus utiliser les ul/li, mais alors
comment faire apparaître la structure des informations ? Ne pas
utiliser le plan du site mais d'autres boucles ?

Par avance merci,
Jacques

[(#REM) Le plan complet du site en page d'accueil]
<div class="teinte">
<BOUCLE_secteurs(RUBRIQUES) {racine} {par num titre}{id_rubrique !=29}>

#BLOC_TITRE <h2><a href="#URL_RUBRIQUE">#TITRE</a></h2>

[(#REM) Articles et sous-rubriques ]
<B_articles_racine>
<ul>#BLOC_DEBUT
<BOUCLE_articles_racine(ARTICLES) {id_rubrique} {par num
titre}{id_rubrique !=29}>
<li><a href="#URL_ARTICLE">#TITRE</a></li>
</BOUCLE_articles_racine>#BLOC_FIN
</ul>
</B_articles_racine>

<B_rubriques>
<ul>
<BOUCLE_rubriques(RUBRIQUES) {id_parent} {par num titre}{id_rubrique
!=29}>
<li>
#BLOC_TITRE <a href="#URL_RUBRIQUE">#TITRE</a>
<B_articles>
<ul>#BLOC_DEBUT
<BOUCLE_articles(ARTICLES) {id_rubrique} {par num titre}>
<li><a href="#URL_ARTICLE">#TITRE</a></li>
</BOUCLE_articles> #BLOC_FIN
</ul>

</B_articles>

<BOUCLE_sous_rubriques(BOUCLE_rubriques){id_rubrique
!=29}></BOUCLE_sous_rubriques> </li> </BOUCLE_rubriques> </ul>
</B_rubriques> </BOUCLE_secteurs> <br /> </div>

Pat2 · Décembre 28, 2009, 8:09

jack a écrit :

Bonjour,

Merci ça marche beaucoup mieux ! J'avais lu en long et en large l'article sur les blocs dépliables du CS sans trouver ma solution.

Pourtant, j'ai reproduit simplement ici l'exemple de l'article.

Toutefois il y a un défaut : si un article est rattaché à une rubrique qui contient des sous-rubriques, il n'apparaît pas en dépliant : sans doute faut-il rajouter une boucle article supplémentaire pour couvrir ce cas ?

Pourtant si, la boucle BOUCLE_articles2 devrait s'en charger. Encore faut-il que ton article soit publié. En mettant var_mode=debug dans ton url tu pourras étudier chaque boucle et voir s'il y a une erreur quelque part.

Pat