11548 sujets

JavaScript, DOM et API Web HTML5

[Résolu] Problème de validation W3C javascript

Bonjour,

j'ai un petit souci de validation de javascript que je ne m'explique pas, peut être que vous aurez la réponse.

Voilà le script :

<script type="text/javascript">       
        document.write('<div id="slideshow"> 
<img width="500" height="270" src="documents/fck/image/slideshow/img1.png" alt=" img" />
<img width="500" height="270" src="documents/fck/image/slideshow/img2.png" alt="img" />
 <img width="500" height="270" src="documents/fck/image/slideshow/img3.png" alt="img" />
 <img width="500" height="270" src="documents/fck/image/slideshow/img4.png" alt="img" />
 <img width="500" height="270" src="documents/fck/image/slideshow/img5.png" alt="img" />
</div>');
</script> 
<noscript>
<div> <img width="500" height="270" src="documents/fck/image/slideshow/img1.png" alt=" img" /></div>
</noscript>


C'est un script utilisé pour créer un slideshow d'images, le but : si le javascript est activé le slideshow fonctionne, si il est désactivé le navigateur n'affiche qu'une seule image. Au début je n'avais pas mis le tout entre des balises script, mais du coup quand le javascript était désactivé l'utilisateur se retrouvait avec les photos les unes en dessous des autres : plutôt inesthétique.

Le mystère : si on sort tout le code entre <div id="slideshow">, il est valide. A partir du moment où on le met dans un script, le validateur m'affiche ceci (en XHTML 1.0 strict) :
Line 240, Column 44: document type does not allow element "div" here
… document.write('<div id="slideshow"> <img width="500" height="270" src="doc…

Je débute en javascript, c'est peut être moi qui ai mis un mauvais doctype ou qui ai oublié quelque chose donc si quelqu'un a une idée, ça m'ennuie d'avoir une erreur dans un code tout propre ^^
Modifié par saiko_sama (27 May 2010 - 13:17)
Merci pour le lien Smiley smile

J'ai testé 
<script type="text/javascript"><!-- 
  document.write("Alsacréation<strong>s<\/strong>"); 
//--></script>

ça a résolu tous mes soucis

Je vais me pencher sur l'idée d'une image dans le code HTML et le reste ajouté par un script c'est vrai que ça serait pas mal, à voir où mes capacités en javascript vont me mener ^^
saiko_sama a écrit :
Je vais me pencher sur l'idée d'une image dans le code HTML et le reste ajouté par un script c'est vrai que ça serait pas mal, à voir où mes capacités en javascript vont me mener ^^

Tu peux aussi utiliser ou t'inspirer d'une solution existante (voir par exemple du côté des plugins jQuery).
Sujet clos
Aller à