Bonjour à tous,

J'ai dans ma page une série de DIV que je voudrais remplir dynamiquement, je les affiche avec une simple boucle php dépendant d'une variable.

Dans le body, je charge cette variable pour la fonction javascript

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<body onload="affiche_exemple(<?=$nb_div?>)">
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
<?php
for($i=1;$i<=$nb_div;$i++){
echo "<div id='exemple'.$i></div>
}
?>
Le nombre de calque voulu s'affiche correctement, chacun nommé exemple1, exemple2, exemple3...etc

Puis la fonction JS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
 
function affiche_exemple(nb){
for(var i=1; i <= nb; i++){
document.getElementById("example"+i+"").innerHTML = "Texte exemple "+i+"";
}
}
Mon but étant bien sûr que chaque calque affiche Texte exemple 1, Texte exemple 2... etc...

Mais le résultat est aléatoire, et des erreurs surviennent, du type "document.getElementById(...) a la valeur NULL ou n'est pas un objet...

Et je ne comprends pas pourquoi.