deplacer la table des matieres des articles

[lefabdu51]

bonjour tout le monde.
Ca fait un petit moment que je n ais pas posté sur le forum une question.
Tout est dans le titre.
je souhaites déplacer la table des matières des articles de mon site qui en ont une dans la div aside, afin de la mettre à droite du contenu de mon article.
Le site n'utilise pas jquery, donc en javascript....
Je n arrives pas à séléctionner la balise ni la classe en question.
Je sait que c est le plugin systeme saut de page qui est utilisé, mais il n y as plus d 'id pour selectionner la div.
Comment faire en js pour selectionner un élément via sa classe ?

Si j arrive a séléctionner la div, je pense m en sortir avec la fonction js appendChild.

Le code html à bouger

<div class="pull-right article-index"><h3>Section de ce document</h3>
<ul class="nav nav-tabs nav-stacked">
        <li class="toclink active">
            <a href="/index.php/administration-de-reseaux/14-linux-et-shell-bash/5-les-commandes-permettant-d-avoir-des-informations-sur-la-machine?showall=&amp;limitstart=" class="toclink active">Les commandes permettant d'avoir des informations sur la machine et le système d'exploitation et de modifier celui ci</a>
        </li>
        <li><a href="/index.php/administration-de-reseaux/14-linux-et-shell-bash/5-les-commandes-permettant-d-avoir-des-informations-sur-la-machine?showall=&amp;start=1" class="toclink">Récupérer des informations et modifier le système d'exploitation</a></li></ul></div>

[Wismer]

Salut

Sans id dans la div, difficile de la selectionner.

++
Wis

[jfque]

Pour des modifications plus en profondeur, vous pouvez faire un override du rendu de l'article. Comme ça, pas besoin de JS.

[cavo789]

Pour, juste, répondre à la question : http://jsfiddle.net/cwe51dya/

En jQuery, on sélectionne n'importe quoi sur base d'une classe avec $('.la_classe')

[lomart]

Bonsoir,

Un moyen de cibler un élément sur lequel on n'a pas la main est d'identifier un de ses fils, puis de cibler son parent
Je ne suis pas sûr que l'on puisse le faire avec Joomla dans ce cas

http://jsfiddle.net/h9tsj7Lo/

Vérification faite : on peut ajouter un ID à la balise UL du menu

[cavo789]

Rooooh tu hackes le code en ajoutant un "id" ;-)

Ta proposition est évidemment parfaitement correcte toutefois attention si un parent vient s'intercaler... juste par souci de précision car mon code est pourri (un span comme container d'un h3, beurk)

http://jsfiddle.net/64vkco3w

[lomart]

Bonjour Christophe,

D'abord je ne hacke pas le code
SI j'ai bien compris la demande, il veut cibler une div sur laquelle il n'a pas la main sauf faire un override
Dans les paramètres du module de menu, je définis "Paramètres avancés > ID de menu". Comme cela je m'assure d'un identifiant unique qui me servira de point de départ pour cibler le parent ou grand-parent.
Sauf override ou modif du code joomla, il n'y a peu de risque qu'une div vienne s'intercaler.
J'utilise souvent cette technique pour styler un bloc parent quand je ne peux pas cibler le sélecteur CSS à partir de ces ancêtres.
C'est aussi la technique (en jquery) utilisé par UP pour l'action addclass https://up.lomart.fr/demo/action-addclass

[cavo789]

Dans les paramètres du module de menu, je définis "Paramètres avancés > ID de menu".

Joli ! Fallait y penser. ;-)

[lefabdu51]

jfque @lomart: impossible de faire une surcharge, il s agit d'un plugin et non d'un module.....
cavo789 : j ai résolu le soucis d'id en modifiant la ligne 261 du fichier /plugins/content/pagebreak/pagebreak.php

C'est pas propre mais comme le code bouges peu, cela devrais tenir un moment.
la je vais voir pour cloner le plugin et ensuite l'installer à la place du plugin saut de page. C est le seul moyen de rendre permanente la modif d'id..

Je n avais pas trouvé de doc sur la selection d'un élément via sa classe, d'ou ma question.
Merci a vous

[papounet]

Bonjour,

Je sait que c est le plugin systeme saut de page qui est utilisé, mais il n y as plus d 'id pour selectionner la div.

il ya pas d'id, mais il y a 2 classes alors il suffit certainement de placer ceci à la fin du css ou de modifier ce style. Normalement cela devrait le faire.

.article-index { 
   float: left!important; }

Papounet