probleme javascript sous DOCTYPE XHTML

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : probleme javascript sous DOCTYPE XHTML

nico_m40

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 :

<script type="text/javascript">
var locationAfterPreload = "#"; // URL
var lengthOfPreloadBar = 90; // Length
var heightOfPreloadBar = 3; // Height
var yourImages =new Array("image1.jpg","image2.jpg","image3.jpg" );
if (document.images) {
var dots = new Array();
dots[0] = new Image(1,1);
dots[0].src = "noir.gif";
dots[1] = new Image(1,1);
dots[1].src = "jaune.gif";
var preImages = new Array(),coverage = Math.floor(lengthOfPreloadBar/yourImages.length),currCount = 0;
var loaded = new Array(),i,covered,timerID;
var leftOverWidth = lengthOfPreloadBar%coverage +"px";
}
function loadImages() {
for (i = 0; i < yourImages.length; i++) {
preImages[i] = new Image();
preImages[i].src = yourImages[i];
}
for (i = 0; i < preImages.length; i++) {
loaded[i] = false;
}
checkLoad();
}
function checkLoad() {
if (currCount == preImages.length) {
location.replace(locationAfterPreload)
eval("charge" ).style.visibility = 'hidden';
return;
}
for (i = 0; i <= preImages.length; i++) {
if (loaded[i] == false && preImages[i].complete) {
loaded[i] = true;
eval("document.img" + currCount + ".src=dots[1].src" )
currCount++;
}
}
timerID = setTimeout("checkLoad()",1) ;
}
</script>
<br /><br /><br /><br /><br /><br /><br /><br />
<table cellspacing="2" cellpadding="2" style="text-align : center;">
<tr>
<td id="text">Chargement...</td>
</tr>
<tr>
<td> <script type="text/javascript">
if (document.images) {
var preloadBar = '';
for (i = 0; i < yourImages.length-1; i++) {
preloadBar += '<img src="' + dots[0].src + '" width="' + coverage + '" height="' + heightOfPreloadBar + '" name="img' + i + '" align="absmiddle">';
}
preloadBar += '<img src="' + dots[0].src + '" width="' + (leftOverWidth+coverage) + '" height="' + heightOfPreloadBar + '" name="img' + (yourImages.length-1) + '" align="absmiddle">';
document.write(preloadBar);
loadImages();
}
</script></td>
</tr>
</table>

Publicité

nico_m40

personne pour m'aider ?

FlorentG

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

Bidem

Une piste peut être :
http://www.w3.org/TR/xhtml1/#h-4.8

Il faut encapsuler ton code javascript dans des CDATA

Code :

<script type="text/javascript">
<![CDATA[
... unescaped script content ...
]]>
</script>

FORUM HardWare.fr

Programmation

HTML/CSS

probleme javascript sous DOCTYPE XHTML

Sujets relatifs
[RESOLU] Recherche code touche enfoncé, pour du javascript	bug getTime javascript
Problème script sftp	problème avec XSL pour générer HTML à partir de XML
Débutant ==> Problème avec un programme	recuperer donnees xml en javascript
problème macros	problème d'affichage RSS 2.0 depuis source html
Plus de sujets relatifs à : probleme javascript sous DOCTYPE XHTML

Page générée en 0.064 secondes