Hover sur <tr> (sans lien) - Prob avec IE

Je sais bien que la commande hover, pour l'avoir lu sur mediabox (entre autres) est interprétée que sur les liens.

Par conséquent dans un tableau, la ligne <tr> avec une commande css tr:hover fonctionne sous firefox mais pas sous ie : logique.

Je voudrais donc savoir si, il est possible de definir 2 types de class
- La premiere class1 avec une couleur background A
- La deuxieme class2 avec une couleur background B
et ensuite de les appliquer sur un <tr> sous cette forme :

<tr onmouseover="class1"; onmouseout="class2";>

Bien cette syntaxe ne doit pas fonctionner, mais connaissez-vous une solution ou une syntaxe qui puisse fonctionner et rendre le meme effet sous ie que firefox ?
Modifié par Wildry (25 Jul 2005 - 15:02)

Il faut en effet passer par JavaScript (je déplace dans le salon JS)

Mais ta méthode est plutôt barbare
Le plus efficace est de traité ça dans un script qui gère toutes les balises <tr> de la page, un truc dans ce gout là :

function emulHover(elt)
{
var elts;
var clHover = 'hover';
var clOut = '';
if (elt) {
elts = document.getElementsByTagName(elt);
} else {
elts = document.getElementsByTagName('*');
}

for (var e = 0; e < elts.length; ++e) {
elts[e].onmouseover = function()
{
this.setAttribute('class', this.getAttribute('class') + ' ' + clHover);
this.setAttribute('className', this.getAttribute('className') + ' ' + clHover);
};

elts[e].onmouseout = function()
{

this.setAttribute('class', this.getAttribute('class') + ' ' + clOut);
this.setAttribute('className', this.getAttribute('className') + ' ' + clOut);
};
}

window.onload = function()
{
emulHover('tr');
};

J'ai pas testé, mais ça devrait déjà faire quelque chose.
Y a un truc à gérer, là comme ça, je vois pas trop faudrait réfléchir, c'est qu'il faut supprimer la class clHover au onmouseout, je regarderais comment gérer ça.

Je pense que c'est assez clair comme script pour ne pas avoir besoin d'explications, demande si tu comprends pas, mais il va manquer un bout au niveau du onmouseout, j'essairai de voir ça.


p.s. pour les codes, raté c'est pas <code> mais [ code] (sans espace) qu'il faut utiliser tu peux éditer ton message.

Ouai, je vois le genre à peu près. Mais je ne suis pas vraiment spécialiste des fonctions.

Enfin ca va la différence n'est pas mortelle entre firefox et IE. D'un coté le fond change et pas de l'autre. C'est pas hyper grave, c'est un détail. C'est sûr que ce n'est pas 100% homogène, mais bon, c'est comme ça.

Sérieux, j'ai plus envie du tout de me prendre la tête pour ce *** de IE. J'avais fais un design TOUT en css sur un site assez complexe qui fonctionnait NICKEL sous firefox, et le resultat fut catastrophique sous IE notamment à cause de float archi mal gérés, que ce soit avec de simples attibuts de titres (h1, h2..) ou d'images.

J'ai du revoir ma presentation et ca m'a tellement saoûlé de chercher partout les bidouilles que j'ai préféré utiliser parfois des tableaux (simples bien sûr, mais quand même). Heureuseemnt la structure principale reste en css. L'honneur (si il y en a un) est sauf.

Là, j'ai commencé le design du forum intégré au site et je n'ai même pas cherché, j'ai mis de simples tableaux J'aurai pu voir à faire un système de liste, mais non. C'est sûr que l'accessibilité en prend un petit coup dans l'aile mais c'est le résultat d'une frustration ENORME d'un navigateur tellement populaire, que ça ferait *** ses programmeurs de le mettre un tantinet à niveau de ce coté.

Et dire que ce ne sont que des détails. Il faut devoir choisir entre un minimum de visuel, et une accessibilité poussée. (Ouai je sais 3615 mylife ^^)

Que dire de plus ?
Merci de ton aide

Euh...

pour les tableaux, même s'ils sont déconseillés pour la mise en page, un simple tableau pour la structure générale sans imbrication n'a jamais tué personne et ne gène pas l'accessibilité.

Pour le forum, un tableau est peut être la balise la plus adaptée alors tant mieux

Pour les float, pas de "bugs" pour IE à part qu'il double les marges sur les float, mais ça si on le sait c'est facilement gérable.

Pour les "***", euh, IE est vieux , d'accord c'est une honte qu'il ne soit pas mis à jour, mais ça vient !
Beta IE7 le 3 aout http://standblog.org/blog/2005/07/25/93114266-des-nouvelles-de-microsoft

Ouai, je viens de lire un article qui dit que Microsoft va enfin revoir sa copie de IE pour XP seulement et résoudre à la fois les problèmes de sécurité et de navigation. Reste à savoir ce qui va être fait mais quand on sait aussi qu'une grande majorité des internautes n'ont pas encore mis ie6, alors ie7...

Sinon, selon mon expérience (faible je l'accorde), je crois que IE a de plus gros soucis que ça. Regarde ici avec IE et Firefox. C'est uniquement la balise h1 qui n'est pas affichée, sauf à son survol...

Wildry a écrit :
Sinon, selon mon expérience (faible je l'accorde), je crois que IE a de plus gros soucis que ça. Regarde ici avec IE et Firefox. C'est uniquement la balise h1 qui n'est pas affichée, sauf à son survol...

?
Pas compris, désolé.

La page est invalide - avec un élément <body2> - et s'affiche exactement de la même manière dans IE6 et Firefox, titres <h1> compris...
Modifié par Laurent Denis (25 Jul 2005 - 19:56)

Bien le plus incompréhensible, c'est que ça dépend des moments (pour les h1 à droite)

Pour l'élément body2, c'est sûrement normal, on a plusieurs body qui seront demandés suivant chacun des membres. Faudrait quand même que je regarde ça de plus près, mais je ne crois pas qu'on ait trouvé beaucoup de solutions. On est deux sur la programmation du site. cela dit, si quelqu'un a envie de venir nous aider pour essayer de rendre le tout compatible xhtml, pourquoi pas...

Wildry faut arrêter de boire, un body2 c'est pas normal

Faudra que tu me dises comment tu gère ça:

a écrit :

Pour l'élément body2, c'est sûrement normal, on a plusieurs body qui seront demandés suivant chacun des membres.

tu voudrais pas changer de feuilles de styles selon le profil du membre plutôt?

Sinon ça va?

Oui, c'est ce que l'on fait. On change bien de feuille de style selon le profil du membre. Enfin, non, plus précisément, on a une feuille de style globale et plusieurs petites qui l'accompagnent selon le profil du membre. Va falloir que je demande a drizz (co-webmaster avec moi) pourquoi il a fait ca, il doit surement y avoir une raison, c'est pour ça que je dis que c'est normal, c'est lui qui l' a fait Je vais lui en parler, car je n'avais de toute manière pas vu ça.

Sinon, ouai ca va ca fait plaisir de te voir par ici, il me semblait bien que tu trainais la aussi

Vi, j'ai vu de la lumière ... ^^

Wildry a écrit :
Va falloir que je demande a drizz (co-webmaster avec moi) pourquoi il a fait ca, il doit surement y avoir une raison, c'est pour ça que je dis que c'est normal, c'est lui qui l' a fait Je vais lui en parler, car je n'avais de toute manière pas vu ça.

Bah... Moi non plus, je n'avais jamais vu cela

Ton co-webmaster a des idées amusantes sur le HTML, on dirait

Wildry a écrit :
Va falloir que je demande a drizz (co-webmaster avec moi) pourquoi il a fait ca, il doit surement y avoir une raison, c'est pour ça que je dis que c'est normal, c'est lui qui l' a fait Je vais lui en parler, car je n'avais de toute manière pas vu ça.

Bah... Moi non plus, je n'avais jamais vu cela

Ton co-webmaster a des idées très amusantes sur le HTML, on dirait

Ouai, c'est sûr que ça ne vient pas de moi
Il verra a son retour de vacances, je lui en ai parlé.

Tu as raison solo, la lumière par ici est plutôt brillante