Bonjour,

J'ai intégré à une des pages de mon site Web un javascript qui permet d'afficher successivement cinq news avec une petite animation de déroulement entre deux. Mais le validateur XHTML du W3C y trouve des choses non conformes : il n'aime pas les balises <p> et <div> qui se trouvent dedans Or, je n'y connais rien en javascript (j'ai fait un copier/coller d'un site spécialisé) donc je n'arrive pas à modifier le code pour le rendre conforme. Comment est-ce que je peux faire ?

Le javascript en question :

/***********************************************
* Pausing updown message scroller - © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

//Configure the below five variables to change the style of the scroller
var scrollerdelay='18000' //delay between msg scrolls. 3000=3 seconds.
var scrollerwidth='100%'
var scrollerheight='80px'
var scrollerbgcolor='white'
//set below to '' if you don't wish to use a background image
var scrollerbackground=''

//Configure the below variable to change the contents of the scroller
var messages=new Array()
messages[0]="<p><span class='date_evenements'><?php echo $date_flash1; ?> :</span> <?php echo $flash1; ?></p>"
messages[1]="<p><span class='date_evenements'><?php echo $date_flash2; ?> :</span> <?php echo $flash2; ?></p>"
messages[2]="<p><span class='date_evenements'><?php echo $date_flash3; ?> :</span> <?php echo $flash3; ?></p>"
messages[3]="<p><span class='date_evenements'><?php echo $date_flash4; ?> :</span> <?php echo $flash4; ?></p>"
messages[4]="<p><span class='date_evenements'><?php echo $date_flash5; ?> :</span> <?php echo $flash5; ?></p>"

///////Do not edit pass this line///////////////////////
var ie=document.all
var dom=document.getElementById

if (messages.length>2)
i=2
else
i=0

function move(whichdiv)
{
	tdiv=eval(whichdiv)
	if (parseInt(tdiv.style.top)>0&&parseInt(tdiv.style.top)<=5)
	{
		tdiv.style.top=0+"px"
		setTimeout("move(tdiv)",scrollerdelay)
		setTimeout("move2(second2_obj)",scrollerdelay)
		return
	}
	if (parseInt(tdiv.style.top)>=tdiv.offsetHeight*-1)
	{
		tdiv.style.top=parseInt(tdiv.style.top)-5+"px"
		setTimeout("move(tdiv)",150)
	}
	else
	{
		tdiv.style.top=parseInt(scrollerheight)+"px"
		tdiv.innerHTML=messages[i]
		if (i==messages.length-1)
		i=0
		else
		i++
	}
}

function move2(whichdiv)
{
	tdiv2=eval(whichdiv)
	if (parseInt(tdiv2.style.top)>0&&parseInt(tdiv2.style.top)<=5)
	{
		tdiv2.style.top=0+"px"
		setTimeout("move2(tdiv2)",scrollerdelay)
		setTimeout("move(first2_obj)",scrollerdelay)
		return
	}
	if (parseInt(tdiv2.style.top)>=tdiv2.offsetHeight*-1)
	{
		tdiv2.style.top=parseInt(tdiv2.style.top)-5+"px"
		setTimeout("move2(second2_obj)",150)
	}
	else
	{
		tdiv2.style.top=parseInt(scrollerheight)+"px"
		tdiv2.innerHTML=messages[i]
		if (i==messages.length-1)
		i=0
		else
		i++
	}
}

function startscroll()
{
	first2_obj=ie? first2 : document.getElementById("first2")
	second2_obj=ie? second2 : document.getElementById("second2")
	move(first2_obj)
	second2_obj.style.top=scrollerheight
	second2_obj.style.visibility='visible'
}

if (ie||dom)
{
	document.writeln('<div id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
	document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0px;top:0px">')
	document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:1px;">')
	document.write(messages[0])
	document.writeln('</div>')
	document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:0px;visibility:hidden">')	
	document.write(messages[dyndetermine=(messages.length==1)? 0 : 1])
	document.writeln('</div>')
	document.writeln('</div>')
	document.writeln('</div>')
}

if (window.addEventListener)
window.addEventListener("load", startscroll, false)
else if (window.attachEvent)
window.attachEvent("onload", startscroll)
else if (ie||dom)
window.onload=startscroll

Merci pour votre aide.

pioneer

essaye en faisant comme ca :

<script type="text/javascript">
//<![CDATA[

// ici ton code javascript

//]]>
</script>

Ou alors tu mets le code dans un fichier annexe.

Merci, la page passe de nouveau la validation W3C

Mais en fait, c'est de la triche non ?

Je sais pas si c'est de la triche, mais la validation W3C demande peux être que les Script Js soit commenté en Html avec <!-- et --> .

Comme ca, un site qui le supporte pas ne cherchera pas à afficher le code Js.