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
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.
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?
Salut
,
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.
Super
Merci pour ton petit coup de main.
Cela correspond totalement à mes attentes.
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
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.