Salut à tous , j´ai cherché un peu partout sur le net mais j´ai pas trouvé exactement l´effet recherché ,

Voila mon probleme

http://www.thewatchmakerproject.com/journal/309/stripe-your-tables-the-oo-way

Hors ce c** de script get l´id au lieu du classname.je peux l´utiliser qu´une fois x_x, hors j´ai plusieurs.

Donc en gros comment adapter ce code pour qu´il GET le ClassName au lieu du ID.

Merci de votre aide je suis vraiment une quiche en java.

c sencé faire ton script ?

sinon la methode getElementByClassName existe ...

Voila ce qu´il est censé donner

http://www.thewatchmakerproject.com/zebra.html

On m´a dis d´utiliser cette fonction :

document.getElementsByClassName = function(cl) {
var retnode = [];
var myclass = new RegExp(´\\b´+cl+´\\b´);
var elem = this.getElementsByTagName(´*´);
for (var i = 0; i < elem.length; i++) {
var classes = elem[i].className;
if (myclass.test(classes)) retnode.push(elem[i]);
}
return retnode;
};

Mais je vois pas ou ni comment faire :x

Il existe plusieurs fonctions :
getElementById()
getElementByName()
getElementByTagName()

En fait, ce que tu veux c´est que la couleur de fond change au passage de la souris ?
On peu faire ça beaucoup plus simplement avec les CSS !

Je pense qu´un

.tr {
background-color:#couleur1;
}

<tr class="tr"
onmouseover="this.style.background-color:#couleur2
"

onmouseout="this.style.background-color:#couleur1"

Euh faut voir je sais pas si tout ca marche avec IE ,

Cette bouse d´IE n´accepte le hover que sur les liens, sauf si on utilise l´astuce de ce tutorial :
http://www.siteduzero.com/tuto-3-6820-1-cote-css.html#ss_part_3

Bien ce que je me disais j´ai testé marche pas :x à moins d´avoir mal testé ^^"

Tu as testé avec l´astuce que j´ai indiquée ?
Parce que chez moi, ça fonctionne très bien avec !

Bah le truc c´est que ca donne pas la meme couleur selon les lignes :x

Apprends les nodes, sinon laisse tomber ;)

et c´est quoi les nodes ?

Sinan personne saurait comment fermer cette boucle :

var tables = document.getElementsByClassName(myclass);
for (var i=0,len=tables.length;i<len;i++) {
var rows = tables[i].getElementsByTagName(´tr´);

Pour moi c´est faux :
for (var i=0,len=tables.length;i<len;i++)

Ce qui est surement plus juste
var i=0
for (len=tables.length;i<len;i++)
i++ devient peut etre ++i

oui d´ailleur...

Tu peux meme faire
for (var i=0; i<tables.length; i++)

Tu es sûr que ce n´est pas :
len=tables.length;
for (var i=0; i<len; ++i)
{
...
}

Et puis on peux simplifier en ne passant pas par les variable tables et len. Ce qui donne :
for (var i=0;

i<document.getElementsByClassName(myclass).length;

++i)
{
...
}

Juste une chose, je connaissais les fonctions :
- getElementById
- getElementByName
- getElementByTagName
mais pas getElementByClassName. Pourtant, j´ai vérifié dans plusieurs bouquins. Tu es sûr qu´elle existe

Si je comprend bien ce code, c´est plutot le nom d´une fonction...
http://www.robertnyman.com/2005/11/07/the-ultimate-getelementsbyclassname/

Sympa cet article, j´ai ajouté ce site dans mes favoris.