Discussion :

[evillgouki]

Salut,
J'aimerai savoir comment faire les liens qui font apparaitre du texte dans une page HTML et qui disparait lorsque l'on clique a nouveau dessus.
Voici un exemple parfait qui sera plus parlant peut etre:

http://www.allobonneconduite.com/comment.php

J'ai fait un truc mais le probleme c'est que les liens restent fixes:

http://cheapndeal.masterimpact.eu/te.../testjvsct.php

Voici le code que j'ai utilisé:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<script language="Javascript">
// fonction qui affiche/masque l'élément 
function bascule(elem)
{
		//état actuel
		etat=document.getElementById(elem).style.visibility;
		if(etat=="hidden")
		{document.getElementById(elem).style.visibility="visible";}
		else
		{document.getElementById(elem).style.visibility="hidden";}
}
 
</script>
 
<a href="#chuck" onClick="bascule('boite');" value="On/Off" >lien</a>
<br />
<div name="boite" id="boite" style="visibility: hidden; position:absolute;"> 
  <span id="chuck"></span>
    Chuck Norris is INVINCIBLE !!!<br />
	<br />
	les liens ne sont pas collés et ca pose probleme
</div>
 
<a href="#chuck2" onClick="bascule('boite2');" value="On/Off" >lien2</a>
 
<div name="boite2" id="boite2" style="visibility: hidden; position:absolute;"> 
<span id="chuck2"></span>
Chuck Norris passe a la télé. Ses ennemis passent à travers.</div>

Voila est ce quelqu'un pourrait me dire quelle partie du code il faut modifier?
Ou peut être existe-t-il des script deja préfabriqués?

Merci de m'accorder un peu de votre temps

[Barsy]

à la place de visibility = hidden et visibility = visible sur tes div, je ferai un display = none et display = block

et puis le position:absolute est la cause du problème.

[shaun_the_sheep]

Salut,

A la place de div utilises plutot des "listes" soit quelques chose comme:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<UL>
    <LI>Liste 1
    <LI>Liste 2
</UL>

tu peux jouer ensuite sur la propriete display pour afficher ou masquer