lien particulier

Le
UnTel
salut

je cherhce le code pour qu'un lien fasse afficher un bloc de texte sur
la meme page

Je m'explique:

Sur la page n'est visible que les liens 1, 2 et 3
si on clique sur lien 1 on affiche "bloc texte1" et si on reclique
dessus on cache "bloc texte1 "
et ainsi de suite pour lien 2 et 3


lien 1
bloc texte 1
lien 2
bloc texte 2
lien 3
bloc texte3


si mes souvenir sont bons c'etait du html, mais j'ai oublie le reste

merci d'avance

--

merci
a+
--
cc
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
Olivier Miakinen
Le #22550321
Bonjour,

Le 08/09/2010 10:52, UnTel a écrit :

[...]

Sur la page n'est visible que les liens 1, 2 et 3
si on clique sur lien 1 on affiche "bloc texte1" et si on reclique
dessus on cache "bloc texte1 "
et ainsi de suite pour lien 2 et 3

[...]

si mes souvenir sont bons c'etait du html, mais j'ai oublie le reste



Si c'est en cliquant et sans recharger une nouvelle page, alors ça ne
doit pas être du HTML seul : au besoin aller poser la question dans le
groupe fr.comp.lang.javascript.

Si en revanche c'est juste en survolant que tu provoques l'affichage, et
qu'il disparaît en retirant la souris, alors tu peux voir du côté du
pseudo sélecteur :hover en CSS (mais ça ne marchera pas dans IE <= 6).

--
Olivier Miakinen
SAM
Le #22550441
Le 08/09/10 11:05, Olivier Miakinen a écrit :
Bonjour,

Le 08/09/2010 10:52, UnTel a écrit :

[...]

Sur la page n'est visible que les liens 1, 2 et 3
si on clique sur lien 1 on affiche "bloc texte1" et si on reclique
dessus on cache "bloc texte1 "
et ainsi de suite pour lien 2 et 3

[...]

si mes souvenir sont bons c'etait du html, mais j'ai oublie le reste



Si c'est en cliquant et sans recharger une nouvelle page, alors ça ne
doit pas être du HTML seul : au besoin aller poser la question dans le
groupe fr.comp.lang.javascript.

Si en revanche c'est juste en survolant que tu provoques l'affichage, et
qu'il disparaît en retirant la souris, alors tu peux voir du côté du
pseudo sélecteur :hover en CSS (mais ça ne marchera pas dans IE<= 6).




ben si,
le survol via css peut très bien être réactif avec n'importe quel IE :

<div id="menu">
</div>

css:
=== #menu a span { visibility: hidden; text-decoration: none; color: black }
#menu a:hover span { visibility: visible }

Au clic, on s'en fout, on est parti sur l'autre page, non ?

--
Stéphane Moriaux avec/with iMac-intel
Paul Gaborit
Le #22550721
À (at) Wed, 08 Sep 2010 12:07:17 +0200,
SAM
ben si,
le survol via css peut très bien être réactif avec n'importe quel IE :

<div id="menu">
</div>

css:
=== > #menu a span { visibility: hidden; text-decoration: none; color: black }
#menu a:hover span { visibility: visible }



Si je me souviens bien, dans IE (<7), le pseudo-s'electuer ':hover'; ne
marche *que* sur les éléments A (ce qui est le cas ici).

--
Paul Gaborit -
Dominique Ottello
Le #22550911
UnTel
Sur la page n'est visible que les liens 1, 2 et 3
si on clique sur lien 1 on affiche "bloc texte1" et si on reclique
dessus on cache "bloc texte1 "
et ainsi de suite pour lien 2 et 3


Bonjour,

Serait-ce un truc du genre de ce que j'ai fait ici :
http://aviatechno.free.fr/constellation/constel07a.php
par exemple.

Passez le curseur sur les « liens » des colonnes Type reçu et
Historique. Si on clique, le texte reste affiché et il suffit de cliquer
autre part pour qu'il ne soit plus affiché.
--
Il vaut mieux ignorer où l'on est, et savoir qu'on l'ignore, que de se
croire avec confiance où l'on n'est pas. Jean Dominique Cassini.
Technologie aéronautique - http://ottello.net - Les anciens de Vilgénis
SAM
Le #22551461
Le 08/09/10 15:29, Dominique Ottello a écrit :
UnTel
Sur la page n'est visible que les liens 1, 2 et 3
si on clique sur lien 1 on affiche "bloc texte1" et si on reclique
dessus on cache "bloc texte1 "
et ainsi de suite pour lien 2 et 3


Bonjour,

Serait-ce un truc du genre de ce que j'ai fait ici :
http://aviatechno.free.fr/constellation/constel07a.php
par exemple.

Passez le curseur sur les « liens » des colonnes Type reçu et
Historique. Si on clique, le texte reste affiché et il suffit de cliquer
autre part pour qu'il ne soit plus affiché.



sauf que ...
a:focus
n'est pas connu de IE

(au moins IE<7 ... à vérifier)


--
Stéphane Moriaux avec/with iMac-intel
Publicité
Poster une réponse
Anonyme