Discussion :

[MLK_05]

Bonjour tout le monde,

Voilà j'ai un problème avec mon code JS.
J'ai fait un compte à rebours, tout marche bien sauf que sur tous les navigateurs ont me signal qu'il y a un problème :

Uncaught TypeError: Cannot set property 'innerHTML' of null

Voilà la partie de mon code qui pose problème :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var compte_a_rebours = document.getElementById('countdown');

.../...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
compte_a_rebours.innerHTML = "<div id='div1'><div id='div2'>" +
	"<div id='div3'>" + jours + "<br/><span class='span_countdown'>" + mot_jour + 
	"</span></div><div id='div4'>" + heures + "<br/><span class='span_countdown'>" + mot_heure + 
	"</span></div><div id='div5'>" + minutes + "<br/><span class='span_countdown'>" + mot_minute + 
	"</span></div><div id='div6'>" + secondes + "<br/><span class='span_countdown'>" + mot_seconde + "</span></div></div></div>";

Merci pour votre aide

[Kaamo]

Cela veut dire que ta page ne contient pas d'élément ayant pour id "countdown". Si cet élément est bel et bien présent, vérifie que le document est prêt avant d'exécuter le Javascript.

[SpaceFrog]

a quel moment cette ligne est elle interprétée ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var compte_a_rebours = document.getElementById('countdown');

sans doute avant que l'objet ne soit instancié ?

as tu une fonction qui se lance sur le onload de la page ?

[MLK_05]

Ma fonction se lance par le biais de la balise <script>, juste avant la fermeture du Body :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript">compte_a_rebours();</script>

ps : l'id countdown est bien présente dans mon code HTML sinon le compte à rebours n'aurait pas fonctionné.

[SpaceFrog]

si le script est après la balise ...
c'est kaamo, qui a raison

Cela veut dire que ta page ne contient pas d'élément ayant pour id "countdown".

tu dois avoir une coquille sur l'id ...

[Kaamo]

tu dois avoir une coquille sur l'id ...

Oui, c'est sûrement ça !
Vérifie bien que :

• tu n'as pas un autre id countdown. Un id doit être unique
• les balises qui doivent avoir une balise fermante associée sont correctement fermées (erreur de syntaxe HTML)
• l'id countdown ne se situe pas dans une iframe sous-jacente

[MLK_05]

Je peux vous assurer qu'après plusieurs vérifications :

- L'id est unique et qu'il n'y pas de faute
- Le script se lance après l'element ayant pour id countdown
- Toutes les balises se ferment

[Kaamo]

Qu'est-ce qui se passe entre

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

var compte_a_rebours = document.getElementById('countdown');

et

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

compte_a_rebours.innerHTML = " .... ";

?
Peut-être qu'autre chose le rend null