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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  onmouseover et css

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

onmouseover et css

n°684605
swich
snps
Posté le 26-03-2004 à 08:56:06  profilanswer
 

'lut tt le monde
voila je voudrais faire un tableau, et lorsque l'utilisateur pointe sur une linge, la ligne entiere change de couleur.
en HTML ca va, il faut mettre un onMouseOver="background=red" par exemple
mais comme je passe par du CSS je voudrais mettre ca dans le css.
mais j'arrive pas :'(
le hover fonctionne pas (c que pour les liens)
ou alors faut que je mette toute ma ligne en lien ? :D

mood
Publicité
Posté le 26-03-2004 à 08:56:06  profilanswer
 

n°684614
Hermes le ​Messager
Breton Quiétiste
Posté le 26-03-2004 à 09:06:59  profilanswer
 

Tres simple :
 
Dans le HTML sur la ligne par exemple :
 
<tr id="truc">
 
ensuite dans le JS :
 
document.getElementById('truc').style.background = "#FF0000"; (par exemple).
 
Voilà le principe.

n°684616
swich
snps
Posté le 26-03-2004 à 09:07:30  profilanswer
 

eu en fait, c bon j'ai trouve :)

n°684617
swich
snps
Posté le 26-03-2004 à 09:07:45  profilanswer
 

oui mais je fais pas ca en JS

n°684618
Hermes le ​Messager
Breton Quiétiste
Posté le 26-03-2004 à 09:08:34  profilanswer
 

swich a écrit :

oui mais je fais pas ca en JS
 


 
Ah ? et tu le fais comment alors ? (sachant qu'il n'y a pas de solution parfaitement crossbrowser à l'heure actuelle en CSS) ?

n°684624
swich
snps
Posté le 26-03-2004 à 09:13:24  profilanswer
 

bah en fait je fais :  
 
<tr onmouseover="class=surligne" onmouseout="class=normal">
 

n°684626
Hermes le ​Messager
Breton Quiétiste
Posté le 26-03-2004 à 09:15:15  profilanswer
 

swich a écrit :

bah en fait je fais :  
 
<tr onmouseover="class=surligne" onmouseout="class=normal">
 
 


 
Ah ? Et c'est quoi ça ? Du C++ peut être ?  [:totozzz]

n°684627
swich
snps
Posté le 26-03-2004 à 09:15:34  profilanswer
 

bah c du html :)
 

n°684628
Hermes le ​Messager
Breton Quiétiste
Posté le 26-03-2004 à 09:16:43  profilanswer
 

swich a écrit :

bah c du html :)
 
 


 
Ah oui bien sûr...  :D

n°684630
swich
snps
Posté le 26-03-2004 à 09:17:49  profilanswer
 

:D

mood
Publicité
Posté le 26-03-2004 à 09:17:49  profilanswer
 

n°684644
swich
snps
Posté le 26-03-2004 à 09:40:16  profilanswer
 

et merde ca marche pas :'(

n°684648
Hermes le ​Messager
Breton Quiétiste
Posté le 26-03-2004 à 09:44:40  profilanswer
 

swich a écrit :

et merde ca marche pas :'(
 


 
Tu relis ce que j'ai écrit au dessus...  :o

n°684656
swich
snps
Posté le 26-03-2004 à 09:49:40  profilanswer
 

hehe, mais c'est louche, si je fais :
echo "<TR onMouseover=\"this.style.backgroundColor='#ffe12e'\">";
 
ca marche
mais si je fais
echo "<TR onmouseover=\"class=trHover\">"; bah ca marche plus
:'(

n°684662
fastclemmy
(re-)Dictateur en plastique
Posté le 26-03-2004 à 09:51:15  profilanswer
 

"<TR onMouseover=\"this.className='trHover'\">";

n°684664
swich
snps
Posté le 26-03-2004 à 09:53:42  profilanswer
 

merci bien :)

n°684675
krtek
Just Do It
Posté le 26-03-2004 à 10:00:39  profilanswer
 

Sinon le hover marche très bien pour les cellules de tableau... mais slmnt sous Mozilla :p

n°684693
swich
snps
Posté le 26-03-2004 à 10:14:00  profilanswer
 

k, c bon a savoir, mais pas de chance pour moi, les utilisateurs n'ont que IE

n°684705
antp
Super Administrateur
Champion des excuses bidons
Posté le 26-03-2004 à 10:22:41  profilanswer
 

krtek a écrit :

Sinon le hover marche très bien pour les cellules de tableau... mais slmnt sous Mozilla :p


 
à mon avis dans tous les browsers autres que IE ça marche très bien :whistle:


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°684763
gizmo
Posté le 26-03-2004 à 11:02:06  profilanswer
 

antp a écrit :


 
à mon avis dans tous les browsers autres que IE ça marche très bien :whistle:


je confirme.

n°685340
kalex
Posté le 26-03-2004 à 19:30:40  profilanswer
 

Voilà une bidouille JS pour faire marcher le hover avec IE sans toucher au code HTML  :

Code :
  1. iepatch = document.getElementById("pres" );
  2. divs    = iepatch.getElementsByTagName("div" );
  3. for(n = 0; n < divs.length; n++){
  4. divs[n].onmouseover = function(){this.className = "aff";};
  5. divs[n].onmouseout  = function(){this.className =  "";};
  6. }


On met dans le code CSS :
#pres div:hover, #pres div.aff {le code}
Ainsi, "#pres div.aff" réagit comme le fait "#pres div:hover".
 
Enfin, c'est la seule chose que j'ai codée en JS, y a p-ê moyen de faire mieux...


Message édité par kalex le 26-03-2004 à 19:32:55
n°685341
Hermes le ​Messager
Breton Quiétiste
Posté le 26-03-2004 à 19:32:56  profilanswer
 

kalex a écrit :

Voilà une bidouille JS pour faire marcher le hover avec IE sans toucher au code HTML  :

Code :
  1. iepatch = document.getElementById("pres" );
  2. divs    = iepatch.getElementsByTagName("div" );
  3. for(n = 0; n < divs.length; n++){
  4. divs[n].onmouseover = function(){this.className = "aff";};
  5. divs[n].onmouseout  = function(){this.className =  "";};
  6. }


On met dans le code CSS :
#pres div:hover, #pres div.aff {le code}
Ainsi, IE "#pres div.aff" réagit comme fait "#pres div:hover".
 
Enfin, c'est la seule chose que j'ai codée en JS, y a p-ê moyen de faire mieux...


 
ça marche avec quelle version d'IE ça ? Et pour MAC ?

n°685342
kalex
Posté le 26-03-2004 à 19:34:13  profilanswer
 

J'ai testé qu'avec IE 6 sous XP...

n°685349
Hermes le ​Messager
Breton Quiétiste
Posté le 26-03-2004 à 19:45:29  profilanswer
 

kalex a écrit :

J'ai testé qu'avec IE 6 sous XP...


 
Ah ouai... ok...  :whistle:  ben le problème d'IE, c'est qu'il est pas seulement incompatible avec les autres, mais bien souvent avec lui-même, enfin plus particulièrement entre les différentes versions...
 
C'est pourquoi les codes dévolus à tel ou tel navigateur, c'est non chaque fois qu'on peut l'éviter.
 
Et dans le cas présent on peut l'éviter en utilisant le même javascript pour tous les navigateurs.

n°685356
kalex
Posté le 26-03-2004 à 19:56:35  profilanswer
 

Je pense que mon code est de toute façon adaptable, c'est pas très évolué comme manip. ;)

n°685361
Hermes le ​Messager
Breton Quiétiste
Posté le 26-03-2004 à 20:08:56  profilanswer
 

kalex a écrit :

Je pense que mon code est de toute façon adaptable, c'est pas très évolué comme manip. ;)


 
Ton code est un code pour IE et seulement IE dans ce cas précis... Si le même code fonctionne sur tous les navs tels que IE 5+, Mozilla 1+ et Opera 7+ , alors il devient intéressant.  :)

n°685362
kalex
Posté le 26-03-2004 à 20:12:51  profilanswer
 

Tant mieux s?il ne fonctionne qu'avec IE : il n'a pas besoin de fonctionner avec les autres (cf: gizmo ;)) !
 
Et j'ai pas le temps de regarder comment ils ont fait, mais http://www.nofrag.com/ a l'air d'avoir trouvé une bonne soluce.

n°685363
Hermes le ​Messager
Breton Quiétiste
Posté le 26-03-2004 à 20:14:33  profilanswer
 

kalex a écrit :

Tant mieux s?il ne fonctionne qu'avec IE : il n'a pas besoin de fonctionner avec les autres (cf: gizmo ;)) !
 
Et j'ai pas le temps de regarder comment ils ont fait, mais http://www.nofrag.com/ a l'air d'avoir trouvé une bonne soluce.


 
Ben non, pour une fois, pas cf gizmo, parce que si on commence à adpater chaque truc qu'on fait pour tel ou tel navigateur, on en finit plus.  
Donc quand une solution universelle existe, même si ce n'est pas la meilleure pour tel ou tel navigateur, on la garde.

n°685366
kalex
Posté le 26-03-2004 à 20:22:01  profilanswer
 

Moi, je trouve ça plus propre. Avec un navigateur "normal", les menus css marchent très bien : pas de JS (y a des gens qui désactivent), c'est simple, propre et standard. C'est ça la solution universelle !
 
Mais voilà on ne va pas oublier 95 % des visiteurs, alors en attendant l'anéantissement définitif d'IE on fait une petite bidouille.


Message édité par kalex le 26-03-2004 à 20:22:27
mood
Publicité
Posté le   profilanswer
 


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

  onmouseover et css

 

Sujets relatifs
onmouseover : javascript ou intégré au HTML ???onmouseover qui marche pas tout le temps [RESOLU]
[NS4] changer couleur avec onmouseover ! help !!Rajouter un délai sur un onMouseOver (menu déroulant)
OnMouseOver -> afficher une autre image ? [RESOLU][HTML/JS] Problème de onmouseover dans un map
[HTML] Précharger des images pour l'utilisation de onmouseover / out[CSS] OnMouseOver -> cellule qui change de couleur? possibel?
CSS, menu : onmouseover sur <DIV> 2 styles différents ??changement d'image onmouseover par CSS ???
Plus de sujets relatifs à : onmouseover et css


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