Forum CMS Made Simple FR
Utilisation du tag {startExpandCollapse} - Version imprimable

+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Modules, Tags (https://forum.cmsmadesimple.fr/forum-14.html)
+--- Sujet : Utilisation du tag {startExpandCollapse} (/thread-1837.html)


Utilisation du tag {startExpandCollapse} - remis - 20/03/2012

Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: #1.10.3
#~ Url du site :
#~ Hébergeur / Soft :
#~ Informations Système :
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Bonjour,

Pour utiliser cette syntaxe :

{startExpandCollapse id='expand1' title='texte du lien'}
texte caché à l'écran
{stopExpandCollapse}

Faut il installer un plugin?
Dans les balises utilisateurs, le tag {startExpandCollapse} {stopExpandCollapse} n'existe pas.
J'ai mis la première syntaxe dans mon gabarit mais lorsque je charge la page j'ai un message d'erreur comme quoi le tag n'existe pas.

Avez vous une solution?

Version de CMSMS: 1.10.3

Utilisation du tag {startExpandCollapse} - bess - 20/03/2012

moi je l'ai sur mon install mais c'est une mise à jour depuis une 1.9.x alors forcement....

par contre sur une fresh 1.10.3 je ne l'ai pas.

Utilisation du tag {startExpandCollapse} - remis - 20/03/2012

En effet sur une version 1.9.4.2 il y a possibilité d'utiliser ce tag.
Comment mettre à jour la liste des balises du site?

Quelqu'un a une idée?

Utilisation du tag {startExpandCollapse} - gobender - 20/03/2012

Salut Smile ,

Si ça peut t'aider :

J'utilisais ce Tag auparavant (sur la v1.9.2) mais quand on recliquait dessus pour masquer le texte ça me renvoyait tout en haut de la page, et plus à l'endroit de mon lien {startExpandCollapse}.

Là je viens de passer sur la 1.10.3 et mon système fonctionne nikel (donc ça marchera certainement aussi pour toi), et ça ne remonte pas la page jusqu'en haut.

J'ai une petite fonction JavaScript dans le body de mon Gabarit :

Code :
[== JavaScript ==]
{literal}
<script type="text/javascript">
function visibilite(thingId)
{
    var targetElement;
    targetElement = document.getElementById(thingId) ;
    if (targetElement.style.display == "none")
    {
        targetElement.style.display = "" ;
    } else
    {
        targetElement.style.display = "none" ;
    }
}

</script>

{/literal}


et à la place du système avec {StartExpandCollapse} je met ça :

Code :
[== HTML ==]
<p>
    <a href="javascript:visibilite('expand1');">afficher le txte</a>
    <div id="expand1" style="display: none;">Le texte masqué, bla bla bla bla bla bla</div>
</p>

à défaut c'est masqué, et en cliquant sur le lien, ça s'affiche.

Si ça peut t'aider...

Après ça se trouve c'est pas bien de mettre du JS, mais bon, c'est la seule solution que j'ai trouvé pour que ça fonctionne correctement, et ça fonctionne toujours sur la dernière version.

Utilisation du tag {startExpandCollapse} - remis - 20/03/2012

Super

Merci pour ton petit coup de main.
Cela correspond totalement à mes attentes.

Utilisation du tag {startExpandCollapse} - jissey - 20/03/2012

{StartExpandCollapse} deprecated :
calguy a écrit :Similarly, the adsense plug-in and startExpandCollapse/endExpandCollapse plugins have been removed from the core. 1.10
Source: http://www.cmsmadesimple.org/cgblog/880/Announcing-CMS-Made-Simple-1-10/

Utilisation du tag {startExpandCollapse} - archeo - 12/12/2012

Une solution avec CSS

dans la page :

Code :
[== Indéfini ==]
<div class="masquer"><a>Message à survoler</a>
<div >mettre la partie à masquer ici</div>
</div>

le CSS

Code :
[== Indéfini ==]
.masquer div{ /*partie à masquer envoyée hors du champs au chargement*/
position :relative;
left :-999em;
height: 0;
}

.masquer:hover div{ /* partie masquée ramenée dans le champs lorsque l'on passe au dessus du contenu du premier div*/
left:0;
height:auto;
}

Bien sur cela marche au survol et non au clic

Utilisation du tag {startExpandCollapse} - jissey - 12/12/2012

Merci pour le partage Smile

Utilisation du tag {startExpandCollapse} - archeo - 13/12/2012

Ou si vous préférez avoir un pop-up :

dans la page
Code :
[== HTML ==]
<div class="document_popup"><a>Message à survoler</a>
<div >mettre la partie en popup ici</div>
</div>

le CSS

Code :
[== CSS ==]
.document_popup div{ /*image envoyée hors du champs au chargement*/
position : absolute;
left :-999em;
height :0px;
}

.document_popup:hover div{ /* ramené dans le champs*/
position : absolute;
left :50%; /* positionné au centre de la page*/
width : 60%;
height:auto;

}

Vous pouvez ajouter une ancre dans la page pour que le lien paraisse actif.