Function not defined en JS

Fermé
ankh-ou - 13 avril 2008 à 12:22
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 13 avril 2008 à 13:43
Bonjour,
J'ai un tableau dans mon index, en cliquant sur la ligne de ce tableau je veux changer sa couleur. voici mon code

<div id="Results">
<table align="center" >
<th id="pseudo"></th>
<tr id="1" onclick="changeColor(this.id)"> <td id="song0"></td> </tr>
<tr id="2" onclick="changeColor(this.id)"> <td id="song1"></td> </tr>
<tr id="3" onclick="changeColor(this.id)"> <td id="song2"></td> </tr>
</table>
</div>



et dans le fichier .js

function changeColor(id) {
alert(id);
document.getElementById(id).style.background = '#FFCC33';
}

3 réponses

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
13 avril 2008 à 13:24
comme d'habitude je n'ai pas lu le code…

(ô_O)'

essaie avec :
document.getElementById(id).style.backgroundColor = '#FFCC33'; 
1
En même temps :) merci à toi
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920 > ankh-ou
13 avril 2008 à 13:43
bien vu, bon courage pour la suite !
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
13 avril 2008 à 12:24
salut,

et comment est-ce que tu inclus ton fichier JS ?

est-ce que ça le fait avec tous les navigateurs ?
0
Mon fichier est bien inclus car avant cette fonction j'en utilise d'autres, par contre pour les navigateurs je suis sur firefox là, mais j'peux pas tester sous IE parceque ça bug dès le début avec :)
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
13 avril 2008 à 12:36
as-tu essayé d'ajouter du contenu à tes cellules ?

as-tu essayé de coder le même évènement sur une autre balise, un lien par exemple ?
0
J'essaye ça je te tiens au courant.
0
Alors, j'arrive à changer le contenu de la cellule. Donc ça viendrait du navigateur ?
0
Problème résolu, c'était à cause de l'attribut du style.
En faisant ça, je peux changer la couleur du texte, le fond de la cellule, et sa hauteur.
Merci quand même.

<div id="Results">
<table align="center" >
<th id="pseudo"></th>
<tr id="1"> <td id="song0" onclick="changeColor(this.id)"></td> </tr>
<tr id="2"> <td id="song1" onclick="changeColor(this.id)"></td> </tr>
<tr id="3"> <td id="song2" onclick="changeColor(this.id)"></td> </tr>
</table>
</div>

-----------------------------------------

function changeColor(id) {
alert(id);
document.getElementById(id).style.backgroundColor = '#FFFFFF';
document.getElementById(id).style.color = "#999999";
document.getElementById(id).style.height = "75px";
}
0