Afficher du texte par un lien en HTML !

Version imprimable

18/06/2007, 12h21
elfia

Afficher du texte par un lien en HTML !

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
18/06/2007, 12h59
zulot

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
18/06/2007, 13h57
elfia

On ne peut pas faire sa en HTML ??? :?
18/06/2007, 14h16
zulot

non
18/06/2007, 14h35
elfia

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
18/06/2007, 14h37
E.Bzz

Bonjour,

Citation:

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+
18/06/2007, 14h39
SpaceFrog

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

Citation:

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:

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>
Il n'y a "que" sous IE que ça ne fonctionne pas.

EDIT : Ah oui, tiens, c'est pas "onclick" ...

18/06/2007, 15h34
Auteur

bonjour,

peut-être que ce script résoudra ton problème.
18/06/2007, 15h37
SpaceFrog

ça reste du ... javascript !!!!
18/06/2007, 15h37
zulot

non c'est javascript c'est exactement la meme chose que ce soit au dessus en dessous ou n'importe ou dans la page.
18/06/2007, 15h49
Auteur

Citation:

Envoyé par SpaceFrog

ça reste du ... javascript !!!!

on ne peut pas tout faire avec du CSS et HTML :roll: et ce n'est qu'une suggestion ;)
18/06/2007, 15h55
SpaceFrog

Citation:

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

Si si des fois il faut savoir être catégorique ;)
18/06/2007, 15h58
E.Bzz

Citation:

Envoyé par SpaceFrog

Si si des fois il faut savoir être catégorique ;)

Citation:

Envoyé par E.Bzz

EDIT : Ah oui, tiens, c'est pas "onclick" ...

:oops:
19/06/2007, 01h08
cedsun

Zulot a raison, y'a que le Javascript pour faire ça.

Pour t'aider, tu peux t'inspirer des js des menus déroulants qui trainent un peu partout sur le web.
20/06/2007, 18h06
zulot

Le seul truc en css serait un truc du style hover comme on le dit et encore je suis meme pas sur que ca fonctionne reellement.

et pour ceux qui dise ouais y aque IE sur lequel ca fonctionne pas, le hic c'est que IE > 70% du marché donc en gros 7personnes sur 10 pour qui sa fonctionne pas, c'est pas terrible.....

quand ce sont des ptits effets ca va mais la c'est pas le cas y a du texte ect...