Sujet Précédent Sujet Suivant

Comment modifier le texte quand on l'affiche et on le masque?

Fermé
melanie1324 Messages postés 1504 Date d'inscription vendredi 25 mai 2007 Statut Membre Dernière intervention 31 janvier 2018 - 28 avril 2013 à 09:18
melanie1324 Messages postés 1504 Date d'inscription vendredi 25 mai 2007 Statut Membre Dernière intervention 31 janvier 2018 - 28 avril 2013 à 11:02
Bonjour,

voici ce que je voudrais :

quand ma page s'affiche :
"Cliquez ici pour plus de détails"

quand on a cliqué sur le lien :
"Cliquez ici pour moins de détails :
texte affiché quand on a cliqué sur plus de détals"


Actuellement j'ai ce code mais je ne sais pas l'aménager dans ce sens :
<script type="text/javascript">// <![CDATA[
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
// ]]></script>
<p><a onclick="javascript:visibilite('id_div_1'); return false;">Plus de détails </a></p>
<div id="id_div_1" style="display: none;">pour une question :</div>
<divVoilou</div>


une autre question : comment faire pour que le texte affiché soit sur plusieurs lignes?

Merci par avance
A voir également:

1 réponse

Réponse 1 / 1
melanie1324 Messages postés 1504 Date d'inscription vendredi 25 mai 2007 Statut Membre Dernière intervention 31 janvier 2018 154
28 avril 2013 à 11:02
Re,

J'ai avancé.

J'ai modifié mon code en ce sens :
<script type="text/javascript">
function affCache(idDiv) {
var div = document.getElementById(idDiv);
if (div.style.display == "")
div.style.display = "none";
else
div.style.display = "";
}

</script>
<p><a onclick="javascript:affCache('div1'); return false;">Plus de détails </a></p>


<div id="div1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin eros risus,
porttitor sed, malesuada quis, dictum non, lorem. Vestibulum sed tortor.
Aenean vitae turpis. Cras fringilla scelerisque orci. Morbi pretium
condimentum risus. Sed elementum lacinia urna. Proin sed pede ut felis
ultrices tincidunt. Aliquam erat volutpat. Morbi convallis odio nec ante.
Donec turpis. Nunc sit amet turpis eget nibh adipiscing aliquam.
</div>



J'ai deux pbs :
1) Comment faire pour que le texte soit caché par défaut?
2) comment changer le nom du onclick : quand on clique une fois : un nom, quand on clique une deuxième fois : un autre nom, quand on clique pour la troisième fois : le premier nom...

Merci par avance
0

Discussions similaires

copie de texte
jean -
jean -

5 réponses