Balise spoiler
Ghostfire4
Messages postés
67
Statut
Membre
-
Ghostfire4 Messages postés 67 Statut Membre -
Ghostfire4 Messages postés 67 Statut Membre -
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
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
A voir également:
- Balise spoiler
- Spoiler imprimante - Guide
- Balise couleur html ✓ - Forum HTML
- Couleur de texte dans une cellule HTML - Forum HTML
- Balise nav html ✓ - Forum CSS
- Balise br - Forum CSS
1 réponse
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>
</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>
