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
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";};
}
}
}
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:
CODE
tr.rowimp {background-color:#e7e7e7;}
tr.rowpai {background-color:#FFFFFF;}
tr.rowover{background-color:#FFFFCC;}
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