[css] display:none à block en cliquant sur lien sans JS

display:none à block en cliquant sur lien sans JS [css] - HTML/CSS - Programmation

Marsh Posté le 23-05-2005 à 15:31:40    

Bonjour,
Je veux que quand on clique sur un lien dans la page, ca fasse passer une div de display:none à display:block.
Actuellement j'ai une solution en JS qui fonctionne bien sous Mozilla et IE, seul probleme, le navigateur AOL.
 
On m'a dit qu'il y avait moyen de faire la meme chose sans javascript. vrai ? si oui comment ? Merci !

Reply

Marsh Posté le 23-05-2005 à 15:31:40   

Reply

Marsh Posté le 23-05-2005 à 15:34:46    

pas vrai, il n'existe pas d'évènement onclick sans javascript (sauf en VBScript, ce qui est pire).
 
Par contre tu peux le faire en hover.


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 23-05-2005 à 15:36:26    

<a id="lien" href="#"><span id="magic">J'apparais quelque part kand on survole "yop"</span>yop</div>
 
#magic {
   display:none;
   position:relative/absolute;
   top: ?px;
   left:?px;
}
 
a#lien:hover span#magic {
   display:block;
}


Message édité par afbilou le 23-05-2005 à 15:42:42
Reply

Marsh Posté le 23-05-2005 à 15:37:43    

je test ca :)


Message édité par jus_de_raisin le 23-05-2005 à 15:38:13
Reply

Marsh Posté le 23-05-2005 à 15:38:34    

Afbilou, ta solution ne marchera pas sous IE, qui ne prend hover que sur les liens.


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 23-05-2005 à 15:39:26    

Embettant.
Aucune solution universelle si je comprends bien

Reply

Marsh Posté le 23-05-2005 à 15:39:41    

voila maintenant ca marchera :p

Reply

Marsh Posté le 23-05-2005 à 15:40:19    

bon semantiquement c'est pas tres beau :/

Reply

Marsh Posté le 23-05-2005 à 15:40:37    

display:bock; => block ! Corrige moi ca vite ! :D


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 23-05-2005 à 15:42:02    

merci de vos participations :)
c'est en hover ou en onclick ca ?
je ne veux pas de solution en hover


Message édité par jus_de_raisin le 23-05-2005 à 15:42:48
Reply

Marsh Posté le 23-05-2005 à 15:42:02   

Reply

Marsh Posté le 23-05-2005 à 15:44:24    

C'est en hover. En onclick pas de salut sans javascript, on t'a dit.:o


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 23-05-2005 à 15:44:37    

c'est en hover.  
 
Si tu met active a la place de hover dans le code qu'on t'a fourni, ca ne marchera pas sous ie, mais ca sera au clic.  
 
Edit : enfin je crois ... ??? je doute la ^^'


Message édité par plainsofpain le 23-05-2005 à 15:45:12

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 23-05-2005 à 15:44:49    

Bon tu veux gerer un evenement sans javascript et sans :hover ?
Ben ... bonne chance :D

Reply

Marsh Posté le 23-05-2005 à 15:45:02    

Okay, mais tout le monde n'est pas obligé de dire la vérité sur les forums je demandait confirmation ;)

Reply

Marsh Posté le 23-05-2005 à 15:45:57    

afbilou a écrit :

Bon tu veux gerer un evenement sans javascript et sans :hover ?
Ben ... bonne chance :D


 
 :sweat:  
 
à mort aol

Reply

Marsh Posté le 23-05-2005 à 15:47:49    


Oui :o


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 23-05-2005 à 15:48:00    

A mort IE :/ c'est lui qui embete le plus.
Enfin cet été IE7 permettra de mettre IE6 a la poubelle et de pouvoir utiliser les CSS pleinement  sans probleme d'incompatibilite due a IE6

Reply

Marsh Posté le 23-05-2005 à 15:49:34    

IE 7 ? Il va sortir avec un support des standards ? Pour de vrai ?
 
Nan allez vous me faites marcher là :D


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 23-05-2005 à 15:50:13    

afbilou a écrit :

Enfin cet été IE7 permettra de mettre IE6 a la poubelle et de pouvoir utiliser les CSS pleinement  sans probleme d'incompatibilite due a IE6


[:rofl]
 
T'as fumé quoi? [:cupra]
La dernière grande avancée d'IE7, ce sont des tabs [:cupra]  
Super non? [:cupra]


Message édité par masklinn le 23-05-2005 à 15:50:46

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 23-05-2005 à 15:50:53    

plainsofpain a écrit :

c'est en hover.  
 
Si tu met active a la place de hover dans le code qu'on t'a fourni, ca ne marchera pas sous ie, mais ca sera au clic.  
 
Edit : enfin je crois ... ??? je doute la ^^'


 
m'étonnerait que ça marche comme ça...


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 23-05-2005 à 15:52:13    

Reply

Marsh Posté le 23-05-2005 à 15:53:43    


Je crois que t'as pas trop compris ce que tu linkes, là [:petrus75]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 23-05-2005 à 15:53:57    


 
tu m'as fait peur ^^'
 
Enfin ca reste quand meme de la bidouille ça. Moi j'aimerai vraiment que microsoft fasse un effort, mais j'en demande surement beaucoup trop.  
 
Je suis utopiste, et après ? XD


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed