probleme javascript sous DOCTYPE XHTML

probleme javascript sous DOCTYPE XHTML - HTML/CSS - Programmation

Marsh Posté le 10-09-2008 à 13:51:29    

Bonjour à tous,
 
J'ai un petit script javascript qui me permet d'afficher une barre de chargement de mes images. Celle ci fonctionne parfaitement en HTML, mais quand je passe en DOCTYPE XHTML, sous firefox, ca ne fonctionne plus. Ca fonctionne bien sous IE.
Voici le code. Si quelqu'un a une idée de où ca vient ?
 

Code :
  1. <script type="text/javascript">
  3.  
  4. var locationAfterPreload = "#"; // URL
  5. var lengthOfPreloadBar = 90; // Length
  6. var heightOfPreloadBar = 3;  // Height
  9. var yourImages =new Array("image1.jpg","image2.jpg","image3.jpg" );
  12. if (document.images) {
  13. var dots = new Array();
  14. dots[0] = new Image(1,1);
  15. dots[0].src = "noir.gif";
  16. dots[1] = new Image(1,1);
  17. dots[1].src = "jaune.gif";
  18. var preImages = new Array(),coverage = Math.floor(lengthOfPreloadBar/yourImages.length),currCount = 0;
  19. var loaded = new Array(),i,covered,timerID;
  20. var leftOverWidth = lengthOfPreloadBar%coverage +"px";
  21. }
  22. function loadImages() {
  23. for (i = 0; i < yourImages.length; i++) {
  24.  preImages[i] = new Image();
  25.  preImages[i].src = yourImages[i];
  26. }
  27. for (i = 0; i < preImages.length; i++) {
  28.  loaded[i] = false;
  29. }
  30. checkLoad();
  31. }
  32. function checkLoad() {
  33. if (currCount == preImages.length) {
  35.  location.replace(locationAfterPreload)
  36.  eval("charge" ).style.visibility = 'hidden';
  37.  return;
  38. }
  39. for (i = 0; i <= preImages.length; i++) {
  40.  if (loaded[i] == false && preImages[i].complete) {
  41.   loaded[i] = true;
  42.   eval("document.img" + currCount + ".src=dots[1].src" )
  43.   currCount++;
  44.  }
  45. }
  46. timerID = setTimeout("checkLoad()",1) ;
  47. }
  49. </script>
  52. <br /><br /><br /><br /><br /><br /><br /><br />
  53. <table cellspacing="2" cellpadding="2" style="text-align : center;">
  54. <tr>
  55.     <td id="text">Chargement...</td>
  56. </tr>
  57. <tr>
  58.     <td> <script type="text/javascript">
  60. if (document.images) {
  61. var preloadBar = '';
  62. for (i = 0; i < yourImages.length-1; i++) {
  63.  preloadBar += '<img src="' + dots[0].src + '" width="' + coverage + '" height="' + heightOfPreloadBar + '" name="img' + i + '" align="absmiddle">';
  64. }
  65. preloadBar += '<img src="' + dots[0].src + '" width="' + (leftOverWidth+coverage) + '" height="' + heightOfPreloadBar + '" name="img' + (yourImages.length-1) + '" align="absmiddle">';
  66. document.write(preloadBar);
  67. loadImages();
  68. }
  70. </script></td>
  71. </tr>
  72. </table>

Reply

Marsh Posté le 10-09-2008 à 13:51:29   

Reply

Marsh Posté le 11-09-2008 à 08:56:15    

personne pour m'aider ?

Reply

Marsh Posté le 11-09-2008 à 09:53:23    

C'est quoi les eval bizarre ? [:pingouino]  
 
Et il ne faut plus du tout utiliser document.write qui date de 1949, mais soit les méthodes DOM, soit passer par la propriété innerHTML

Reply

Marsh Posté le 16-09-2008 à 11:12:06    

Une piste peut être :
http://www.w3.org/TR/xhtml1/#h-4.8
 
Il faut encapsuler ton code javascript dans des CDATA

Code :
  1. <script type="text/javascript">
  2. <![CDATA[
  3. ... unescaped script content ...
  4. ]]>
  5. </script>

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed