11540 sujets

JavaScript, DOM et API Web HTML5

Bonjour

J'ai une fonction qui me crée un damier de la taille entrée par l'utilisateur et où le damier est un ensemble de div.
J'aimerai qu'on puisse changer la couleur de l'une des cases en fonction du numéro que l'on entre dans un input. La fonction que j'ai est celle-ci mais elle ne fonctionne pas:
function changeColor (num){
				
				listeCase[num].style.backgroundColor = 'blue'; 
				
			}
où listeCase est le tableau où sont déposées les divs et num le numéro entré par l'utilisateur et récupéré par un input.
Si je rajoute:
alert(listeCase[num])
je reçois en retour
[object Object]
j'en déduis donc que ce n'est ni un problème au niveau du tableau, ni dans la récupération du numéro.

Merci d'avance.
Modifié par Lumik (18 Feb 2013 - 18:21)
Bonsoir,

Lumik a écrit :
je reçois en retour
[object Object]


Normal!

Essaie :
listeCase[num].style.cssText


ATTENTION: "backgroundColor" pose des problèmes selon le navigateur! RGB ou HEXA ?? C'est selon! Par contre, 'blue' tout le monde connait...
listeCase[num].style.cssText = 'blue';
ne change malheureusement pas la couleur de ma div en bleu et je reçois ça en retour de la console:
a écrit :
TypeError: listeCase[6].style is undefined