onMouseOut/onMouseOver/etc - HTML/CSS - Programmation
Marsh Posté le 25-10-2005 à 17:50:40
Mets ça dans une css :
Citation : p |
Ensuite tu fais un html comme ceci (simplifié dans l'exemple) :
Citation : |
Attention, IE6, navigateur néanderthalien, ne reconnait le :hover que sur les liens. (a:hover donc).
Marsh Posté le 25-10-2005 à 17:59:16
Roane a écrit : Mets ça dans une css :
|
Je ne suis pas un débutant. C'est juste que je ne connais pas encore les évenements HTML.
Ce que je veux c'est savoir si je peux empêcher la disparition de l'élément grâce à onMouseOut.
Marsh Posté le 25-10-2005 à 18:01:26
Empêcher la disparition ?
faut du js alors, puisque dans ce cas là c'est préférable de faire un menu réagissant aux clics.
Cherches sur alsacréations, il y a un menu de ce style.
Marsh Posté le 25-10-2005 à 18:06:18
Roane a écrit : Empêcher la disparition ? |
Je sais mais je cherche à savoir s'il y a un moyen n'utilisant pas js, un truc du genre onMouseOut="display: block"
sur un menu dont les sous-menus apparaissent avec a:hover. Ce qui donnerait un truc comme cela http://css.alsacreations.com/modelesmenus/hd2.htm mais sans js.
Edit : j'ai récupérer tout ce qu'il y a sur alsacréations.
Marsh Posté le 25-10-2005 à 18:07:01
Non. Sans js, ce n'est pas possible.
Marsh Posté le 25-10-2005 à 18:26:13
Même cela : onMouseOut="display: block" sur un menu dont les sous-menus apparaissent avec a:hover. Ce qui donnerait un truc comme cela http://css.alsacreations.com/modelesmenus/hd2.htm mais sans js.
Marsh Posté le 25-10-2005 à 19:43:41
Okay j'ai mal compris ce que tu voulais dire par "empecher la disparition"
L'exemple que tu cites, sans js, doit fonctionner sous firefox et aurtes browsers compatibles.
Seulement, à cause d'IE, faut du JS.
T'as pas le choix ...
Marsh Posté le 25-10-2005 à 19:57:14
Roane a écrit : Okay j'ai mal compris ce que tu voulais dire par "empecher la disparition" |
On a toujours le choix...
Cependant ce que j'ai mis ne marche pas (même sous Firefox).
Marsh Posté le 25-10-2005 à 20:01:30
Tu ne peut pas pas changer le temps de disparition ou d'affichage d'un sous-menu au survol avec CSS.
Soit le display est block quand tu survoles, soit il est à none quand tu survoles plus.
Pour faire plus compliqué faut du JS. Notes que je comprends pas pourquoi tu veux que le menu reste affiché quand la souris est loin du menu. ca ne me parait pas vraiment ergonomique tout ça.
Marsh Posté le 25-10-2005 à 20:11:59
Roane a écrit : Tu ne peut pas pas changer le temps de disparition ou d'affichage d'un sous-menu au survol avec CSS. |
C'est un forum que je prépare, je veux que les sous-cats restent visibles.
Marsh Posté le 25-10-2005 à 20:16:50
Merci d'avoir répondu mais je n'ai tjs pas les réponses à mes questions de départ :
Est-ce que qqn peut me dire ce que l'on peut mettre après onMouseOut= ? |
Marsh Posté le 26-10-2005 à 13:56:37
CNeo a écrit : Merci d'avoir répondu mais je n'ai tjs pas les réponses à mes questions de départ :
|
Ca voudrait dire quoi le mettre dans le css?
Déjà du javascript dans un css c'est de la bidouille made in Ms que microsoft n'a même pas essayé de faire rentrer dans la norme css, alors oublis cette idée affreuse.
Aprés "onMouseOut=", tu met du javascript.
Marsh Posté le 26-10-2005 à 14:25:34
omega2 a écrit : Ca voudrait dire quoi le mettre dans le css? |
Je pensais à insérer cette évènement HTML dans le code CSS de façon à laisser les sous-menus visibles après le onMouseOut. Malheureusement cela ne marche pas.
Marsh Posté le 26-10-2005 à 14:49:53
Un css indique comment afficher les éléments au mieux en fonction de certaines de leurs caractéristiques.
Un css ne dispose d'aucun systéme permettant de réagir à un événement utilisateur.
Certe les css peuvent donner l'impression de réagir au survol d'une zone mais en fait, elle réagit au changement d'une caractéristique de l'élément (voir pseudo-classe "hover" ) et pas directement au passage de la sourie.
Marsh Posté le 26-10-2005 à 16:04:55
omega2 a écrit : Un css indique comment afficher les éléments au mieux en fonction de certaines de leurs caractéristiques. |
--> souris
Merci pour ce petit rappel. C'est donc l'OS qui transmet une valeur positive de façon à ce que CSS puisse s'exécuter.
Marsh Posté le 25-10-2005 à 17:44:49
Bonjour!
Est-ce que qqn peut me dire ce que l'on peut mettre après onMouseOut= ?
Peut-on insérer cet évenement dans le code CSS ?
Merci à tous!