Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1045 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  onMouseOut/onMouseOver/etc

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

onMouseOut/onMouseOver/etc

n°1230804
CNeo
Posté le 25-10-2005 à 17:44:49  profilanswer
 

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

mood
Publicité
Posté le 25-10-2005 à 17:44:49  profilanswer
 

n°1230812
Roane
Pingouino's fan
Posté le 25-10-2005 à 17:50:40  profilanswer
 

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
n°1230832
CNeo
Posté le 25-10-2005 à 17:59:16  profilanswer
 

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
n°1230836
Roane
Pingouino's fan
Posté le 25-10-2005 à 18:01:26  profilanswer
 

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
n°1230842
CNeo
Posté le 25-10-2005 à 18:06:18  profilanswer
 

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
n°1230843
Roane
Pingouino's fan
Posté le 25-10-2005 à 18:07:01  profilanswer
 

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
n°1230875
CNeo
Posté le 25-10-2005 à 18:26:13  profilanswer
 

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.

n°1230950
Roane
Pingouino's fan
Posté le 25-10-2005 à 19:43:41  profilanswer
 

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
n°1230964
CNeo
Posté le 25-10-2005 à 19:57:14  profilanswer
 

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
n°1230968
Roane
Pingouino's fan
Posté le 25-10-2005 à 20:01:30  profilanswer
 

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
mood
Publicité
Posté le 25-10-2005 à 20:01:30  profilanswer
 

n°1230975
CNeo
Posté le 25-10-2005 à 20:11:59  profilanswer
 

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.

n°1230980
CNeo
Posté le 25-10-2005 à 20:16:50  profilanswer
 

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 ?

n°1231492
omega2
Posté le 26-10-2005 à 13:56:37  profilanswer
 

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.

n°1231529
CNeo
Posté le 26-10-2005 à 14:25:34  profilanswer
 

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.

n°1231563
omega2
Posté le 26-10-2005 à 14:49:53  profilanswer
 

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.

n°1231643
CNeo
Posté le 26-10-2005 à 16:04:55  profilanswer
 

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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  onMouseOut/onMouseOver/etc

 

Sujets relatifs
J'ai une question sur le onMouseOver[javascript] probleme onmouseover avec frame
[javascript] onmouseover[CSS - Javascript] Post-It qui s'affiche onMouseOver....
Flash : onmouseover / out[JAVASCRIPT] OnMouseOver
onMouseOver sur <OPTION>Faire un onmouseover avec NS4.7
Comment restaurer un onMouseOver avec un onMouseOut ?alternative a onmouseover/onmouseout ?
Plus de sujets relatifs à : onMouseOut/onMouseOver/etc


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR