Bonjour à tous,
Tout d'abord étant novice en Javascript, désolé si je me suis trompé de rubrique pour laquelle est ma demande me je ne m'y connais pas trop.
En faite, je suis sur une création d'un site et je bloque à partir de ma Faq.
Connaîtrez-vous le code pour avoir un système de spoiler comme sur les forums mais que quand on clique sur un spoiler celui afficher juste avant se recache?
Voici un exemple sur ce site :
EXEMPLE
Et voici mon code pour un "spoiler" simple :
Code Javascript :
Bonsoir,
Je suis novice en Javascript et j'ai besoin de vous.
En faite, je suis sur une création d'un site et je bloque à partir de ma Faq.
Connaîtrez-vous le code pour avoir un système de spoiler comme sur les forums mais que quand on clique sur un spoiler celui afficher juste avant se recache?
Voici un exemple sur ce site :
[ Lien ]
Et voici mon code pour un "spoiler" simple :
Code HTML :
<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='javascript:;'
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">Question 1</p>
<div id="address">
<p>Réponse 1</p>
</div>
<p id="MM_trigger_address2">Question 2</p>
<div id="address2">
<p>Réponse 2</p>
</div>
<p id="MM_trigger_address3">Question 3</p>
<div id="address3">
<p>Réponse 3</p>
</div>
</body>