onMouseOut/onMouseOver/etc

onMouseOut/onMouseOver/etc - HTML/CSS - Programmation

Marsh Posté le 25-10-2005 à 17:44:49    

:hello: 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! :jap:

Reply

Marsh Posté le 25-10-2005 à 17:44:49   

Reply

Marsh Posté le 25-10-2005 à 17:50:40    

Mets ça dans une css :  
 

Citation :

p
{
 color:red;
}
 
p:hover
{
color:yellow;
}


 
Ensuite tu fais un html comme ceci (simplifié dans l'exemple) :
 

Citation :


<html>
<body>
<p>Ceci est un paragraphe qui réagit quand on le survol.</p>
</body>
</html>


 
Attention, IE6, navigateur néanderthalien, ne reconnait le :hover que sur les liens. (a:hover donc).

Message cité 1 fois
Message édité par Roane le 25-10-2005 à 17:51:03

---------------
http://www.alsacreations.com, http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net. A ne surtout pas prendre en exemple : http://www.worldinternet.be
Reply

Marsh Posté le 25-10-2005 à 17:59:16    

Roane a écrit :

Mets ça dans une css :  
 

Citation :

p
{
 color:red;
}
 
p:hover
{
color:yellow;
}


 
Ensuite tu fais un html comme ceci (simplifié dans l'exemple) :
 

Citation :


<html>
<body>
<p>Ceci est un paragraphe qui réagit quand on le survol.</p>
</body>
</html>


 
Attention, IE6, navigateur néanderthalien, ne reconnait le :hover que sur les liens. (a:hover donc).


 
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.


Message édité par CNeo le 25-10-2005 à 18:04:36
Reply

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.


---------------
http://www.alsacreations.com, http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net. A ne surtout pas prendre en exemple : http://www.worldinternet.be
Reply

Marsh Posté le 25-10-2005 à 18:06:18    

Roane a écrit :

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.


 
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.


Message édité par CNeo le 25-10-2005 à 18:09:37
Reply

Marsh Posté le 25-10-2005 à 18:07:01    

Non. Sans js, ce n'est pas possible.


---------------
http://www.alsacreations.com, http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net. A ne surtout pas prendre en exemple : http://www.worldinternet.be
Reply

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.

Reply

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 ...


---------------
http://www.alsacreations.com, http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net. A ne surtout pas prendre en exemple : http://www.worldinternet.be
Reply

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"
 
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 ...


 
On a toujours le choix...
Cependant ce que j'ai mis ne marche pas (même sous Firefox).


Message édité par CNeo le 25-10-2005 à 19:58:10
Reply

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.


---------------
http://www.alsacreations.com, http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net. A ne surtout pas prendre en exemple : http://www.worldinternet.be
Reply

Marsh Posté le 25-10-2005 à 20:01:30   

Reply

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.  
 
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.


 
C'est un forum que je prépare, je veux que les sous-cats restent visibles.

Reply

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= ?
Peut-on insérer cet évenement dans le code CSS ?

Reply

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 :
 

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 ?


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.

Reply

Marsh Posté le 26-10-2005 à 14:25:34    

omega2 a écrit :

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.


 
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.

Reply

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.

Reply

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.
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.


 
--> 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.

Reply

Sujets relatifs:

Leave a Replay

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