Bonjour, merci de m'avoir répondu aussi rapidement.
Après vérification, vous avez tous les deux raisons :
econs --> j'ai testé avec les id, c'est effectivement ça qu'il compte. Mais c'est embêtant, car théoriquement on n'est pas censé donner le même ID à plusieurs objets, même si ça marche.
Bultez --> getElementByName marche dans d'autres cas, je l'utilise moi-même souvent.
Alors je vous livre deux morceaux de code si vous voulez faire le test :
Le premier est celui de ma page en entier, le get Name ne marche pas.
Le deuxième est le même code où j'ai supprimé tout ce qui était superflu par rapport au getName. Et là ça marche.
Il y a donc une interférence quelque part. Je n'ai malheureusement pas le temps techniquement de faire un débuggage, donc je vais me débrouiller avec les ID.
J'attends un petit peu avant d'accepter vos réponses, si vous aviez d'autres suggestions avant. Merci encore
PS: pour tester le code, appuyez sur le deuxième P
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Music Test</title>
<meta name="robots" content="index,nofollow">
<link href="styles_communs.css" rel="stylesheet" type="text/css">
<link href="styles_disco.css" rel="stylesheet" type="text/css">
<script>
function expand(i){
if(expand[i] == '0'){
document.getElementById('img_'+i).src='./images/moins.gif';
expand[i] = '1';
var taille = document.getElementsByName('artiste_'+i+'_sub').length;
for(j=0; j<taille; j++){
document.getElementsByName('artiste_'+i+'_sub')[j].style.display = 'none';
}
}
else {
document.getElementById('img_'+i).src='./images/plus.gif';
expand[i] = '0';
var n = document.getElementsByName('artiste_'+i).length;
alert(n);
for(j=0; j<n; j++){
//document.getElementsByName('artiste_'+i+'_sub')[j].style.display = '';
}
}
}
var l=0; // l est la chanson de libre écoute active
function highlight(i){
if(i!=l){
document.getElementById('morceau_'+i).className='tr_selected';
}
}
function unhighlight(i){
if(i!=l){
document.getElementById('morceau_'+i).className='';
}
}
function select(i){
if(i!=l){
highlight(i);
m=l;
l=i;
if(m!=0){
unhighlight(m);
}
}
}
function check(){
var p=document.getElementsByName('artiste_1_sub').length;
alert(p);
}
</script>
</head>
<body>
<div id="page">
<div id="menu_haut">
</div>
<div id="discotheque_haut">
</div>
<div id="discotheque_milieu">
<span id="header_artiste">Artiste</span><span id="header_album">Album</span><span id="header_ecoutes">Ecoutes</span><span id="header_suppr">Suppr.</span>
<div id="affichage">
<table>
<tr id="artiste_1">
<td class="artiste"><a href="javascript: void(0)" onclick="expand('1');"><img id="img_1" src="./images/plus.gif" alt="P" /></a> <img class="image_man" src="./images/man.gif"> Sheryl Crow</td>
<td class="album"></td>
<td class="ecoutes"></td>
<td class="suppr"></td>
</tr>
<tr name="artiste_1_sub" id="morceau_1" onmouseover="highlight('1');" onmouseout="unhighlight('1');" onclick="select('1');">
<td class="artiste"><img class="image_note" src="./images/note.gif">Strong enough</td>
<td class="album">Tuesday night music club</td>
<td class="ecoutes">3</td>
<td>su</td>
</tr>
<tr name="artiste_1_sub" id="morceau_2" onmouseover="highlight('2');" onmouseout="unhighlight('2');" onclick="select('2');">
<td class="artiste"><img class="image_note" src="./images/note.gif">Strong enough</td>
<td class="album">Tuesday night music club</td>
<td class="ecoutes">3</td>
<td>su</td>
</tr>
<tr name="artiste_1_sub" id="morceau_3" onmouseover="highlight('3');" onmouseout="unhighlight('3');" onclick="select('3');">
<td class="artiste"><img class="image_note" src="./images/note.gif">Strong enough</td>
<td class="album">Tuesday night music club</td>
<td class="ecoutes">3</td>
<td>su</td>
</tr>
<tr>
<td class="artiste"><a href="javascript: void(0)" onclick="check();"><img src="./images/plus.gif" alt="P" /></a> <img class="image_man" src="./images/man.gif"> Sheryl Crow</td>
<td class="album"></td>
<td class="ecoutes"></td>
<td></td>
</tr>
<tr>
<td class="artiste"><img class="image_note" src="./images/note.gif">Strong enough</td>
<td class="album">Tuesday night music club</td>
<td class="ecoutes">3</td>
<td>su</td>
</tr>
<tr>
<td class="artiste"><img class="image_note" src="./images/note.gif">Strong enough</td>
<td class="album">Tuesday night music club</td>
<td class="ecoutes">3</td>
<td>su</td>
</tr>
<tr>
<td class="artiste"><img class="image_note" src="./images/note.gif">Strong enough</td>
<td class="album">Tuesday night music club</td>
<td class="ecoutes">3</td>
<td>su</td>
</tr>
</table>
</div>
</div>
<div id="discotheque_bas">
</div>
</div>
</body>
</html>
///////////////////////// FIN DU PREMIER CODE ////////////////////
///////// DEUXIEME CODE ///////////
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Music Test</title>
<meta name="robots" content="index,nofollow">
<link href="styles_communs.css" rel="stylesheet" type="text/css">
<link href="styles_disco.css" rel="stylesheet" type="text/css">
<script>
function check(){
var p=document.getElementsByName('artiste_1_sub').length;
alert(p);
}
</script>
</head>
<body>
<table>
<tr id="artiste_1">
<td class="artiste"><a href="javascript: void(0)" onclick="expand('1');"><img id="img_1" src="./images/plus.gif" alt="P" /></a> <img class="image_man" src="./images/man.gif"> Sheryl Crow</td>
<td class="album"></td>
<td class="ecoutes"></td>
<td class="suppr"></td>
</tr>
<tr name="artiste_1_sub" id="morceau_1" onmouseover="highlight('1');" onmouseout="unhighlight('1');" onclick="select('1');">
<td class="artiste"><img class="image_note" src="./images/note.gif">Strong enough</td>
<td class="album">Tuesday night music club</td>
<td class="ecoutes">3</td>
<td>su</td>
</tr>
<tr name="artiste_1_sub" id="morceau_2" onmouseover="highlight('2');" onmouseout="unhighlight('2');" onclick="select('2');">
<td class="artiste"><img class="image_note" src="./images/note.gif">Strong enough</td>
<td class="album">Tuesday night music club</td>
<td class="ecoutes">3</td>
<td>su</td>
</tr>
<tr name="artiste_1_sub" id="morceau_3" onmouseover="highlight('3');" onmouseout="unhighlight('3');" onclick="select('3');">
<td class="artiste"><img class="image_note" src="./images/note.gif">Strong enough</td>
<td class="album">Tuesday night music club</td>
<td class="ecoutes">3</td>
<td>su</td>
</tr>
<tr>
<td class="artiste"><a href="javascript: void(0)" onclick="check();"><img src="./images/plus.gif" alt="P" /></a> <img class="image_man" src="./images/man.gif"> Sheryl Crow</td>
<td class="album"></td>
<td class="ecoutes"></td>
<td></td>
</tr>
</table>
</body>
</html>