Créer un tableau rétractable (Collapse)

[Allan]

Créer un menu rétractable (Collapse)




On va partir sur le projet de réaliser un petit encadrement avec un contenu 1 et un petit titre, voici ce que ca donne:

http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1169509419.gif



http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1169509950.gif



http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1169510483.gif




Réalisation: Dans le template voulu, ajouter ce code:


<td valign="top" width="200px">

<table class="tborder" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" width="100%" align="center">
<tr>
<td class="thead"><a href="#top" style="float:right"
onclick="return toggle_collapse('barre_navigation')"><img
id="collapseimg_barre_navigation"
src="$stylevar/collapse_thead.gif"
alt="" border="0" /></a><span class="smallfont"><strong>&raquo;
je sais pas encore</strong></span>
</td>
</tr>
<tr id="collapseobj_barre_navigation" style="">
<td class="alt1">
contenu 1
</td>
</tr>
</table>
</td>





Les choses importantes à retenir sont:

- 200px / Taille du tableau dans sa largeur

- barre_navigation /Non du menu, chaque menu doit avoir un nom car chaque menu est propre à lui et à son utilisation- collapse_thead.gif / Correspond aux petits carrés (propre à chaque style) [IMG]http://www.vbulletin-ressources.com/forum/images/element/buttons_blue/collapse_thead_collapsed.gif

http://www.vbulletin-ressources.com/forum/images/element/buttons_blue/collapse_thead.gif


- je sais pas encore / Titre du tableau
- id="collapseobj_barre_navigation" / Très important, ceci appelle la fermeture/ouverture du menu, ce qui sera pris entre <tr id="collapseobj_barre_navigation" style=""> et </tr> sera le contenu qui sera rétracté
- contenu 1 / Texte du contenu

[Sofia]

Hey, merci Allan, ca peut servir :p

[lagrace]

Salut

Tres chouette ton astuce Allan merci :yahoo:

[Popperwin]

Salut à tous ;)

J'aimerai créer ce genre de menu rétractable pour le mettre dans le postbit_legacy de chaque membres afin d'y afficher des statistiques personnalisé de mon forum.

J'ai essayé à plusieurs reprises mais je n'y suis pas arrivé :fool:

Plusieurs raisons :


Je n'arrive pas à adapté les 'ID Collapse' pour chaque membres. Donc déjà là sa ne peut pas marcher car je me retrouve avec 10 fois le même menu par discussion. (donc 10 fois la même ID par page)

Je n'arrive pas à l'adapter au template d'origine. L'icône MSN en bas du postibit_legacy se retrouve complètement en haut de chaque message.
Voilà donc si quelqu'un à des informations je suis là !

Merci

[Malcom Cry]

Merci Allan

C'est cool je trouve souvent ce que je cherche sur le forum :)
Merci a toute l'équipe

[Allan]

Merci Allan

C'est cool je trouve souvent ce que je cherche sur le forum :)
Merci a toute l'équipe
Si ça peut aider :)