Remplacement d'objets en CSS

[Nicosmos]

Salut !

Je ne sais pas si c'est faisable en CSS, mais je voudrais qu'en cliquant sur un lien (ou n'importe quel objet en fait) présent dans une div, celle-ci disparaisse et soit remplacée par une autre. Ou que ce soit le contenu de la div qui laisse place à un autre, ça revient au même.

A terme, c'est pour deux lien, chacun laissant place à un contenu différent, comme ça :



Comment faire ?
Merci d'avance
Nico.

[kowalsky]

Je sais le faire en JavaScript, mais en CSS, non...

Dis moi si tu veux un exemple en JavaScript.

Message envoyé avec : Mozilla/5.0 (X11; U; NetBSD i386; en-US; rv:1.8.1.1) Gecko/20070111 Firefox/2.0.0.1

[calimo]

C'est de la dynamique, même en admettant que ce soit possible à faire en CSS, ne serait-il pas plus souhaitable de le faire en Javascript ?

Bon, selon moi ce n'est pas possible (il n'y a pas d'évènement "click" en CSS, justement parce que ce n'est pas prévu pour gérer la dynamique)

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.1) Gecko/20061208 Firefox/2.0.0.1

[Benoit]

Il y a un sélecteur :target que tu peux utiliser pour ça :
http://www.twisty.com/misc/tests/css/target-trick.html
(remplace la bordure orange par la visibilité).

Par contre je doute que ça fonctionne dans IE

Il y a une émulation de ça en script cependant : http://tests.novemberborn.net/javascrip ... in-ie.html

[calimo]

OOOh mais c'est très intéressant ça !
Souvent ce n'est pas facile de savoir exactement où l'on a été redirigé dans la page, et ça peut être une très bonne aide (par contre c'est du CSS 3… qu'en est-il dans Opera et KHTML ?)

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.1) Gecko/20061208 Firefox/2.0.0.1