Afficher du texte par un lien en HTML !

**elfia** · 18/06/2007, 12h21

Bonjour,

je cherche a créer un texte qui ne se voit que lorsque qu'on developpe un noeud !

exemple :

+ afficher mon texte 1
+ afficher mon texte 2
+ afficher mon texte 3

si je clique sur le plus de afficher mon texte 1, alors ça me donne :

- afficher mon texte 1
Voici mon texte, blblab, ça peut aussi être une image un tableau etc ... Voici mon texte, blblab, ça peut aussi être une image un tableau etc ... Voici mon texte, blblab, ça peut aussi être une image un tableau etc ...
+ afficher mon texte 2
+ afficher mon texte 3

Je sais le faire par actualisation de la page, mais je souhaiterai que ça soit plus dynamique, et qu'il charge tout le contenu automatiquement, et qu'il ne l'affiche qu'en le déployant !

Et cela, je le veux en HTML !!!

merci pour votre aide précieuse

M@TT

**zulot** · 18/06/2007, 12h59

c'est du javascript

tu cree des div qui apparaisse une fois tu cliques sur le lien cherche dans le forum javascript y a eu un truc comme ca y apas lontemp

**elfia** · 18/06/2007, 13h57

On ne peut pas faire sa en HTML ???

**zulot** · 18/06/2007, 14h16

non

**elfia** · 18/06/2007, 14h35

Y aurait-il moyen d'avoir a peu près ce meme procédé :

+ afficher mon texte 1
+ afficher mon texte 2
+ afficher mon texte 3

on clique sur le lien et l'affichage ce trouve en face du texte ...

Voici mon texte 1

Voici mon texte 2

Voici mon texte 3

**zulot** · 18/06/2007, 15h37

non c'est javascript c'est exactement la meme chose que ce soit au dessus en dessous ou n'importe ou dans la page.

**E.Bzz** · 18/06/2007, 14h37

Bonjour,

Envoyé par elfia

Et cela, je le veux en HTML !!!

si c'est une exigence stricte, ça va pas être possible

Il te faudra en plus une touche de CSS ou de Javascript ...

A+

**SpaceFrog** · 18/06/2007, 14h39

javascript ... on ne peut pas gerer d'autre évènement que le hover en css ...

**E.Bzz** · 18/06/2007, 14h53

Envoyé par SpaceFrog

javascript ... on ne peut pas gerer d'autre évènement que le hover en css ...

Oui, enfin ... pas la peine d'être aussi catégorique.

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
<html>
<head>
<style type="text/css">
#div1 {
	border:solid 1px;
	overflow:hidden;
	height:20px;
	cursor:pointer;
}
#div1:hover {
	border:solid 1px;
	height:40px;
	cursor:pointer;
}
</style>
</head>
<body>
<div id="div1">Choix 1
	<br />Contenu 1
</div>
</body>
</html>