Masquer/Afficher les fils de discussion des articles SPIP
Ce code permet d’afficher/masquer les fils de discussion des articles dans SPIP.
| Cette fonctionalité à été testée sur : |
|---|
| SPIP 1.8.3 |
| Internet Explorer 6.0 & 7 RC1 |
| Mozzilla Firefox 1.5 |
En images :
Sur le site : article avec fil de discussion replié
L’ensemble des codes nécessaires sont regroupés dans le fichier article.htm, à vous de l’adapter à vos squelettes.
Le principe :
Inserer une fonction javascript permettant l’affichage/masquage de calques :
function ContribEtat( layer, identifiant ){
var monCalque = layer + identifiant;
if (
document.getElementById && document.getElementById( monCalque )){
Pdiv = document.getElementById( monCalque );
PcH = true;
}else if (
document.all && document.all[ monCalque ] ) {
Pdiv = document.all[ monCalque ];
PcH = true;
}else if ( document.layers && document.layers[ monCalque ] ) {
Pdiv = document.layers[ monCalque ];
PcH = true;}
else {
PcH = false;}
if ( PcH ){Pdiv.className = ( Pdiv.className == 'cacher' ) ? '' : 'cacher';
}
}
Inserer dans le fichier css :
.cacher {
visibility: hidden;
overflow: hidden;
position: absolute;
}
Puis se rendre dans le fichier article.html (pour le squelette par defaut de SPIP, à adapter selon les votres) dans la partie concernant les contributions aux articles et signalée en tant que “Forums” :
Inserer un lien, avec appel à la fonction javascript citée plus haut, sur les titres des messages du fil de discusion avec un renvoi de l’identifiant et du nom du calque à masquer/afficher.
<a href="javascript:ContribEtat( 'contrib', '#ID_FORUM' )" >#TITRE</a></div>
Inserer le calque permettant d’afficher/masquer les messages en lui attribuant un nom et un Identifiant en fonction de l’ID du message de forum :
<div id='contrib#ID_FORUM' name='#ID_FORUM'>
<div class="forum-item">
#TEXTE (...)
En dernier, pour qu’à l’ouverture de la page l’ensemble des fils de discussion soient repliés, il faudra inserer un appel à la fonction javascript pour l’ensemble des contributions
<script>ContribEtat( 'contrib', '#ID_FORUM' )</script>
</BOUCLE_forums_fils>
editeurjavascript : http://www.editeurjavascript.com-
Adaptation SPIP : 2devs.com- - Mélanie ALAGNOUX-.
-
Masquer et Afficher les fils de discussion des articles SPIP27 septembre 2006Super article merci :)
Menu SPIP dépliant / déroulant en javascript et CSS
Création d’un menu SPIP dit dépliant ou déroulant, contextuel en javascript et CSS.
par Mélanie Couty Alagnoux
Galerie photo et video pour SPIP 1.7.2
Creation d’une galerie photo ou vidéo sans utiliser la boucle document.
par Mélanie Couty Alagnoux
2devs.com - réalisation et développement multimédia © www.2devs.com - 2006 