Balise spoiler

Fermé
Ghostfire4 Messages postés 64 Date d'inscription dimanche 12 octobre 2008 Statut Membre Dernière intervention 26 avril 2009 - 23 nov. 2008 à 10:52
Ghostfire4 Messages postés 64 Date d'inscription dimanche 12 octobre 2008 Statut Membre Dernière intervention 26 avril 2009 - 23 nov. 2008 à 11:11
Bonjour j'aimerais inserer sur mon site web une fonction "spoiler" pour minimiser le texte.
Donc quand je cliquerais sur le lien sa m'agrandirais un espace avec du texte, images, lien...
Le problème c'est que je ne sais pas quelle est le code
Mon tableau qui cache le texte devra comporter qu'une ligne (donc très petit) et quand je clique sur un lien il s'ouvre en 5, ou 6 ligne (ou plus)

Aider moi svp

1 réponse

Ghostfire4 Messages postés 64 Date d'inscription dimanche 12 octobre 2008 Statut Membre Dernière intervention 26 avril 2009 7
23 nov. 2008 à 11:11
en faite c'est bon, j'ai trouvé un code :

</style>
<script type="text/javascript">
function dohides()
{
var ps,idtohide,newlink,newtext;
ps=document.getElementsByTagName('p');
for (i=0;i<ps.length;i++)
{
if(/MM_trigger/.test(ps[i].id))
{
idtohide = ps[i].id.match(/MM_trigger_.*\b/gi);
idtohide=idtohide[0].replace(/MM_trigger_/,'');
if(document.getElementById(idtohide))
{
document.getElementById(idtohide).style.display='none';
}
newlink=document.createElement('a');
newtext=document.createTextNode(ps[i].firstChild.nodeValue);
newlink.appendChild(newtext);
newlink.href='#'
newlink.onclick=function(){MM_showhide(this);}
newlink.onkeypress=function(){MM_showhide(this);}
ps[i].replaceChild(newlink,ps[i].firstChild)
}
}
}
function MM_showhide(o)
{
var idtohide,isid;
idtohide = o.parentNode.id.match(/MM_trigger_.*\b/gi);
idtohide=idtohide[0].replace(/MM_trigger_/,'');
if(document.getElementById(idtohide))
{
isid=document.getElementById(idtohide);
isid.style.display=isid.style.display=='none'?'block':'none';
}
}
window.onload=dohides;
</script>

</head>
<body>

<p id="MM_trigger_address">Contact Information</p>
<div id="address">
<p>Address</p>
<p>Address 2</p>
<p>Address 3</p>
</div>

<p id="MM_trigger_address2">Contact Information2</p>
<div id="address2">
<p>Address2</p>
<p>Address 2_2</p>
<p>Address 2_3</p>
</div>

<p id="MM_trigger_address3">Contact Information2</p>
<div id="address3">
<p>Address3_2</p>
<p>Address 3_3</p>
<p>Address 3_4</p>
</div>

</body>
2