probleme affichage sur opera

[dunjl]

bonjour

je me suis fait un petit code js qui permet de surligner une ligne d'un tableau au survol de la souris. ca fonctionne tres bien sauf ... sur opera où seulement le background du texte change de couleur

voici mon code

function bg_Tableau() {
	if (!document.getElementsByTagName) return false;
	var aTab = document.getElementsByTagName("TBODY");
	if (aTab.length == 0) return;
	for (var i=0; i<aTab.length; i++) {
		var a_tr = aTab[i].getElementsByTagName("TR");
		for (var j=0; j<a_tr.length; j++) {
			a_tr[j].id = j+1;
			a_tr[j].onmouseover = function () {this.className="rowover";};
			a_tr[j].onmouseout = function () {(parseInt(this.id)%2!=0) ? this.className = "rowimp" : this.className = "rowpai";};
		}
	}
}

cette fonction est appelée sur un window.onload

et la css correspondante:

tr.rowimp {background-color:#e7e7e7;}
tr.rowpai {background-color:#FFFFFF;}
tr.rowover{background-color:#FFFFCC;}

si quelqu'un a une idée , ca m'interesse meme si ce n'est pas fondamental ! question de propreté

merci

[Yakusa]

bonjour,

Merci pour ce code, je debute. Une petite question comment fait on pour l'appliquer qu'à un seul tableau de la page .... Merci beaucoup de votre reponse.

[steph29]

Pourquoi faire compliquer quand on peut faire simple...

Fait tout en css:

CODE

tr.rowimp {background-color:#e7e7e7;}

tr.rowpai {background-color:#FFFFFF;}

tr:hover{background-color:#FFFFCC;}

et meme si tu veux deux couleur de survol different pour chaque type de ligne:

CODE

tr.rowimp {background-color:#e7e7e7;}

tr.rowimp:hover {background-color:#d6d6d6;}

tr.rowpai {background-color:#FFFFFF;}

tr.rowpai:hover {background-color:#EEEEEE;}