Menu en javascript

Bonjour,

J'ai implémenté dans mes squelettes SPIP la version PureDom explorer du menu en javascript.

Le menu fonctionne correctement mais je n'arrive pas à ouvrir le menu en fonction du contexte .

Quelqu'ul peut t-il m'aider ??

merci d'avance,

--
REDONDO Julien - Directeur technique
Nouveaux Territoires
8 place de l'église St Henri
13016 MARSEILLE
Tel : +33 (0)4 91 09 27 67
Port: +33 (0)6 22 92 32 78

Julien Redondo a écrit :

Bonjour,

J'ai implémenté dans mes squelettes SPIP la version PureDom explorer du menu en javascript.

Le menu fonctionne correctement mais je n'arrive pas à ouvrir le menu en fonction du contexte .

Quelqu'ul peut t-il m'aider ??

merci d'avance,

il faut-utiliser la balise #EXPOSE

tu peux voir dans le code du menu <ul [class="(#EXPOSE{show,hide})"]>

tu peux t'inspirer de
http://spip.donationlousalome.org/spip.php?rubrique30 (menu à gauche)

le source ici : http://spip.donationlousalome.org/squelettes/menu.html

le javascript ici : http://spip.donationlousalome.org/squelettes/pde.js

les css : http://spip.donationlousalome.org/squelettes/pde.css

Merci pour ta réponse
Mais en fait, #EXPOSE est vide, il ne renvoit aucune valeur.

Quel est la raison de ce disfonctionnement car l'URL est bien juste : http://xxx/spip.php?rubrique4

merci d'avance

@+

rpapa a écrit :

Julien Redondo a écrit :
  

Bonjour,

J'ai implémenté dans mes squelettes SPIP la version PureDom explorer du menu en javascript.

Le menu fonctionne correctement mais je n'arrive pas à ouvrir le menu en fonction du contexte .

Quelqu'ul peut t-il m'aider ??

merci d'avance,

il faut-utiliser la balise #EXPOSE

tu peux voir dans le code du menu <ul [class="(#EXPOSE{show,hide})"]>

tu peux t'inspirer de
http://spip.donationlousalome.org/spip.php?rubrique30 (menu à gauche)

le source ici : http://spip.donationlousalome.org/squelettes/menu.html

le javascript ici : http://spip.donationlousalome.org/squelettes/pde.js

les css : http://spip.donationlousalome.org/squelettes/pde.css

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ

rebonjour,

    J'ai un petit problème avc la balise #EXPOSE

j'ai ce template :

<ul class="pde">
    <BOUCLE_smenuspipr (RUBRIQUES){racine}{par num titre}{doublons}>
        <li>
            <a href="#URL_RUBRIQUE" title="[(#TITRE|supprimer_numero)]" >
                [(#TITRE|supprimer_numero)]
            </a>
            <B_smenuspip>
                <ul [class="(#EXPOSE{'show','hide'})"] id="toto">
                    <BOUCLE_smenuspip(RUBRIQUES){id_parent}{par num titre}>
                        <li>
                            <a href="#URL_RUBRIQUE"title="[(#TITRE|supprimer_numero)]" >
                                [(#TITRE|supprimer_numero)]
                                <BOUCLE_smen(RUBRIQUES){id_parent}{0,1}></BOUCLE_smen>
                            </a>
                            <BOUCLE_ssmenu(boucle_smenuspip)></BOUCLE_ssmenu>
                        </li>
                    </BOUCLE_smenuspip>
                </ul>
            </B_smenuspip>
        </li>
    </BOUCLE_smenuspipr>
</ul>

Et voici le résultat :
On s'aperçoit vide que la classe sur le premier ul avec "id=toto" est à 'on' au lieu de 'show' ou 'hide' comme explicité ds la code ci-dessus.

<ul class="pde">
  <li>
    <a href="spip.php?rubrique1" title="1" >
      1
    </a>
    <ul class="*on*" id="toto">
      <li>
        <a href="spip.php?rubrique2"title="1.1" >
          1.1
        </a>
        <ul class="*show*" id="toto">
          <li>
            <a href="spip.php?rubrique3"title="1.1.1" >
              1.1.1
            </a>
            <ul class="*hide*" id="toto">
              <li>
                <a href="spip.php?rubrique4"title="1.1.1.1" >
                  1.1.1.1
                </a>
              </li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>

Je n'arrive pas à comprendre.

Est ce un bug de spip ou autre chose ?

merci d'avance

rpapa a écrit :

Julien Redondo a écrit :
  

Bonjour,

J'ai implémenté dans mes squelettes SPIP la version PureDom explorer du menu en javascript.

Le menu fonctionne correctement mais je n'arrive pas à ouvrir le menu en fonction du contexte .

Quelqu'ul peut t-il m'aider ??

merci d'avance,

il faut-utiliser la balise #EXPOSE

tu peux voir dans le code du menu <ul [class="(#EXPOSE{show,hide})"]>

tu peux t'inspirer de
http://spip.donationlousalome.org/spip.php?rubrique30 (menu à gauche)

le source ici : http://spip.donationlousalome.org/squelettes/menu.html

le javascript ici : http://spip.donationlousalome.org/squelettes/pde.js

les css : http://spip.donationlousalome.org/squelettes/pde.css

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ

--
REDONDO Julien - Directeur technique
Nouveaux Territoires
8 place de l'église St Henri
13016 MARSEILLE
Tel : +33 (0)4 91 09 27 67
Port: +33 (0)6 22 92 32 78

Julien Redondo a écrit :

rebonjour,

    J'ai un petit problème avc la balise #EXPOSE

tu dois avoir un pb avec ton INCLURE, il faut que tu passes l'id de la rubrique aussi

CF le squelette d'appel du site ci-dessous
http://spip.donationlousalome.org/squelettes/squelette.html
tu trouves dans le squelette

      <div class="menu">
      <INCLURE{fond=menu}{id_rubrique}>
           <br style="clear:both" />
      </div>

j'ai ce template :

<ul class="pde">
    <BOUCLE_smenuspipr (RUBRIQUES){racine}{par num titre}{doublons}>
        <li>
            <a href="#URL_RUBRIQUE" title="[(#TITRE|supprimer_numero)]" >
                [(#TITRE|supprimer_numero)]
            </a>
            <B_smenuspip>
                <ul [class="(#EXPOSE{'show','hide'})"] id="toto">
                    <BOUCLE_smenuspip(RUBRIQUES){id_parent}{par num titre}>
                        <li>
                            <a href="#URL_RUBRIQUE"title="[(#TITRE|supprimer_numero)]" >
                                [(#TITRE|supprimer_numero)]
                                <BOUCLE_smen(RUBRIQUES){id_parent}{0,1}></BOUCLE_smen>
                            </a>
                            <BOUCLE_ssmenu(boucle_smenuspip)></BOUCLE_ssmenu>
                        </li>
                    </BOUCLE_smenuspip>
                </ul>
            </B_smenuspip>
        </li>
    </BOUCLE_smenuspipr>
</ul>

Et voici le résultat :
On s'aperçoit vide que la classe sur le premier ul avec "id=toto" est à 'on' au lieu de 'show' ou 'hide' comme explicité ds la code ci-dessus.

<ul class="pde">
  <li>
    <a href="spip.php?rubrique1" title="1" >
      1
    </a>
    <ul class="*on*" id="toto">
      <li>
        <a href="spip.php?rubrique2"title="1.1" >
          1.1
        </a>
        <ul class="*show*" id="toto">
          <li>
            <a href="spip.php?rubrique3"title="1.1.1" >
              1.1.1
            </a>
            <ul class="*hide*" id="toto">
              <li>
                <a href="spip.php?rubrique4"title="1.1.1.1" >
                  1.1.1.1
                </a>
              </li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>

Je n'arrive pas à comprendre.

Est ce un bug de spip ou autre chose ?

merci d'avance

rpapa a écrit :

Julien Redondo a écrit :
  

Bonjour,

J'ai implémenté dans mes squelettes SPIP la version PureDom explorer du menu en javascript.

Le menu fonctionne correctement mais je n'arrive pas à ouvrir le menu en fonction du contexte .

Quelqu'ul peut t-il m'aider ??

merci d'avance,

il faut-utiliser la balise #EXPOSE

tu peux voir dans le code du menu <ul [class="(#EXPOSE{show,hide})"]>

tu peux t'inspirer de
http://spip.donationlousalome.org/spip.php?rubrique30 (menu à gauche)

le source ici : http://spip.donationlousalome.org/squelettes/menu.html

le javascript ici : http://spip.donationlousalome.org/squelettes/pde.js

les css : http://spip.donationlousalome.org/squelettes/pde.css

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ

Julien Redondo a écrit :

rebonjour,

    J'ai un petit problème avc la balise #EXPOSE

j'ai ce template :

<ul class="pde">
   (...)
                <ul [class="(#EXPOSE{'show','hide'})"] id="toto"> (...)

Si tu essayes :

<ul [class="[(#EXPOSE|?{'show','hide'})]"] id="toto">

ça fonctionne ?

Eric

j'ai fait une contrib à partir de ce men, si certain veulent le tester

http://www.spip-contrib.net/ecrire/?exec=articles&id_article=1614

A+

PS, il y a toujours mon appel à contribution aux pros de Jquery pour le faire fonctionner avec la librairie Jquery

Et voici le résultat :
On s'aperçoit vide que la classe sur le premier ul avec "id=toto" est à 'on' au lieu de 'show' ou 'hide' comme explicité ds la code ci-dessus.

+1
J'ai le meme comportement (et c'est amusant car j'ai posté sur ce probleme dimanche soir)
Donc j'ai essayé le meme code que celui généreusement donné par rpapa
Je l'ai mis dans un fichier menutest.html
et dans test.html je fais l'appel
<INCLURE{fond=menutest}{id_rubrique}>
et lorsque je rentre l'url
spip.php?page=test&id_rubrique=2
j'obtiens "on" au lieu d'avoir class="show" comme on peut le voir sur le code généré sur la page proposé par rpapa
Je pensais que l'informatique était déterministe :slight_smile:
Pour info je suis sur SPIP 1.9.2 apache 5 mysql 5

Si quelqu'un peut m'expliquer j'en serais heureux

Cordialement
Job

job a écrit :

Et voici le résultat :
On s'aperçoit vide que la classe sur le premier ul avec "id=toto" est à 'on' au lieu de 'show' ou 'hide' comme explicité ds la code ci-dessus.

+1
J'ai le meme comportement (et c'est amusant car j'ai posté sur ce probleme dimanche soir)
Donc j'ai essayé le meme code que celui généreusement donné par rpapa
Je l'ai mis dans un fichier menutest.html
et dans test.html je fais l'appel
<INCLURE{fond=menutest}{id_rubrique}>
et lorsque je rentre l'url
spip.php?page=test&id_rubrique=2
j'obtiens "on" au lieu d'avoir class="show" comme on peut le voir sur le code généré sur la page proposé par rpapa
Je pensais que l'informatique était déterministe :slight_smile:
Pour info je suis sur SPIP 1.9.2 apache 5 mysql 5

pour moi, il fonctionne sur deux sites
http://lyc89-amyot.ac-dijon.fr/
et
http://spip.donationlousalome.org/

Si quelqu'un peut m'expliquer j'en serais heureux

Cordialement
Job