Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

lien particulier

5 réponses
Avatar
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

5 réponses

Avatar
Olivier Miakinen
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
Avatar
SAM
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">
<a href="p1.htm">page 1 <span>texte 1</span></a><br>
<a href="p1.htm">page 1 <span>texte 1</span></a><br>
<a href="p1.htm">page 1 <span>texte 1</span></a>
</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
Avatar
Paul Gaborit
À (at) Wed, 08 Sep 2010 12:07:17 +0200,
SAM écrivait (wrote):

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

<div id="menu">
<a href="p1.htm">page 1 <span>texte 1</span></a><br>
<a href="p1.htm">page 1 <span>texte 1</span></a><br>
<a href="p1.htm">page 1 <span>texte 1</span></a>
</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 - <http://perso.mines-albi.fr/~gaborit/>
Avatar
Dominique Ottello
UnTel écrivait :

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
Avatar
SAM
Le 08/09/10 15:29, Dominique Ottello a écrit :
UnTel écrivait :

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