IE Erreur : Impossible de définir la valeur de la propriété 'innerHTML': l'objet est null ou undefined

Ce simple morceau de code (barre de progression) fonctionne bien partout, sauf IE (essayé de 9 et 8) :

      <!-- Progress bar holder -->
      <div id="progress" style="width:500px;border:1px solid #eee;"></div>
      <!-- Progress information -->
      <div id="information" style="width"></div>

      <?php

      //Total processes
      $total = 10;

      //Loop through process
      for($i=1; $i<=$total; $i++){
      //Calculate the percentation
      $percent = intval($i/$total * 100)."%";

     //Javascript for updating the progress bar and information
     echo '<script language="javascript">
     document.getElementById("progress").innerHTML="<div style=\"width:'.$percent.';   background-color:#ddd;\">&nbsp;</div>";
document.getElementById("information").innerHTML="'.$i.' row(s) processed.";
</script>';

//This is for the buffer achieve the minimum size in order to flush data
echo str_repeat(' ',1024*64);

//Send output to browser immediately
flush();

//Sleep one second so we can see the delay
sleep(1);
}

//Tell user that the process is completed
echo '<script language="javascript">document.getElementById("information").innerHTML="Process completed"</script>';

 ?>

IE montre l'erreur " Impossible de définir la valeur de la propriété 'innerHTML': l'objet est null ou undefined ".
Le problème semble être ici :

    document.getElementById("progress").innerHTML="<div style=\"width:'.$percent.';background-color:#ddd;\">&nbsp;</div>";

div dans ce cas ne fonctionne pas correctement sous IE (au moins autant que j'ai compris)

Essayé de résoudre par moi-même, mais c'est trop compliqué pour moi. Toute aide sera très appréciée.
Merci )

Il fonctionne très bien pour moi sur IE 8... avez-vous essayé de désactiver tout les addons, les accélérateurs, etc? et Quels sont vos paramètres de sécurité?
Hm...Essayé sur trois absolument différente de comps (IE 9,8,6)...pas de chance. Voyez-vous la barre de progression ou juste le contenant????
Vu à la fois le bar et le conteneur. Avez-vous essayé de désactiver les addons, les accélérateurs, etc, et en abaissant les paramètres de sécurité?
Je ne suis pas en utilisant IE sur une base régulière, juste pour les tests. Aucun addons ou quoi que ce soit, la version de base. Essayé de faire de la sécurité au niveau le plus bas possible, toujours rien. Étrange ...
Hum... Désolé, ne peut pas vous aider là-bas 🙁

OriginalL'auteur Mary N | 2012-01-08

innerhtml internet-explorer

1

le document n'est probablement pas encore chargé.

essayer
```
window.onload = function() {
    //your code
}
```
ou j'ai toujours utiliser jQuery
```
$(function () {
    //your code
});
```
OriginalL'auteur arahaya

La solution est le plus susceptible de s'assurer que votre document a la structure correcte.

Cela ne fonctionne pas :

<div id="content"></div>
<script>
document.getElementById('content').innerHTML="HELLO WORLD";
</script>

Cela fonctionne:

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
    <div id="content"></div>
    <script>
    document.getElementById('content').innerHTML="HELLO WORLD";
    </script>
    </body>
</html>

OriginalL'auteur TheVig

Vous devez vous connecter pour publier un commentaire.