Bonjour à tous, je vous solicite car je suis face à un problème. En effet, j'ai décidé de mettre mon site aux normes W3C et depuis mon javascript de texte défilant vertical ne fonctionne plus correctement. J'aimerais que ce javascript marche correctement sous Firefox et IE mais la...je sèche. Etant donné que je suis débutant en javascript, pouvez vous m'aider?
Quand j'ajoute le doctype suivant le script bug:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Le script est disponible à cette page :
[ Lien ]Voici le code de ma page:
<head>
<link href="creation-site-internet-marchand-loire-atlantique_fichiers/gabarits.css" rel="stylesheet" type="text/css">
<style type="text/css">
.ejs_scroll {font-size:11px;line-height:11px;font-family:Arial;color: #333333; line-height: 15px;}
.ejs_scroll a{color:#333333; text-decoration:none;}
.ejs_scroll a:hover{color:#44606d; text-decoration: underline;}
</style></head><body>
<table id="Tableau_01" border="0" cellpadding="0" cellspacing="0" height="88" width="256">
<tr>
<td>
<img src="images/box_menu_index_1.png" width="12" height="24"></td>
<td>
<img src="images/box_menu_index_2.png" width="126" height="24"></td>
</tr>
<tr height="51">
<td width="12px">
<img src="images/box_menu_index_4.png" width="12" height="51"></td>
<td><!-- DEBUT DU SCRIPT -->
<script type="text/javascript">
var ejs_scroll_largeur_1 = 126;
var ejs_scroll_hauteur_1 = 51;
var ejs_scroll_bgcolor_1 = '';
/* Mettre ici le chemin de l'image de fond */
var ejs_scroll_background_1 = "";
/* Mettre ici le temps en secondes */
var ejs_scroll_pause_seconde_1 = 4;
var ejs_scroll_message_1 = new Array;
ejs_scroll_message_1[0]='<b>Ven 32 Mars / 21h</b><br>> Amérique du Nord';
ejs_scroll_message_1[1]='<b>Sam 33 Mars / 20h30</b><br>> Europe';
ejs_scroll_message_1[2]='<b>Dim 34 Mars / 21h</b><br>> Océanie';
ejs_scroll_message_1[3]='<b>Lun 35 Mars / 20h30</b><br>> Moyen-Orient';
function d_1(texte)
{
document.write(texte);
}
d_1('<DIV ID=ejs_scroll_relativ_1 STYLE="position:relative;width:'+ejs_scroll_largeur_1+';height:'+ejs_scroll_hauteur_1+';background-color:'+ejs_scroll_bgcolor_1+';background-image:url('+ejs_scroll_background_1+')">');
d_1('<DIV ID=ejs_scroll_cadre_1 STYLE="position:absolute;width:'+(ejs_scroll_largeur_1-8)+';height:'+(ejs_scroll_hauteur_1-8)+';top:4;left:4;clip:rect(0 '+(ejs_scroll_largeur_1-8)+' '+(ejs_scroll_hauteur_1-8)+' 0)">');
d_1('<div id=ejs_scroller_1_1 style="position:absolute;width:'+(ejs_scroll_largeur_1-8)+';left:0;top:0;" CLASS=ejs_scroll>'+ejs_scroll_message_1[0]+'</DIV>');
d_1('<div id=ejs_scroller_2_1 style="position:absolute;width:'+(ejs_scroll_largeur_1-8)+';left:0;top:'+ejs_scroll_hauteur_1+';" CLASS=ejs_scroll>'+ejs_scroll_message_1[1]+'</DIV>');
d_1('</DIV></DIV>');
var ejs_scroll_mode_1 =1;
var ejs_scroll_actuel_1 = 0;
function ejs_scroll_start_1()
{
if(ejs_scroll_mode_1 == 1)
{
ejs_scroller_haut_1 = "ejs_scroller_1_1";
ejs_scroller_bas_1 = "ejs_scroller_2_1";
ejs_scroll_mode_1 = 0;
}
else
{
ejs_scroller_bas_1 = "ejs_scroller_1_1";
ejs_scroller_haut_1 = "ejs_scroller_2_1";
ejs_scroll_mode_1 = 1;
}
ejs_scroll_nb_message_1 = ejs_scroll_message_1.length-1;
if(ejs_scroll_actuel_1 == ejs_scroll_nb_message_1)
ejs_scroll_suivant_1 = 0;
else
ejs_scroll_suivant_1 = ejs_scroll_actuel_1+1;
if(document.getElementById)
document.getElementById(ejs_scroller_bas_1).innerHTML = ejs_scroll_message_1[ejs_scroll_suivant_1];
ejs_scroll_top_1 = 0;
if(document.getElementById)
setTimeout("ejs_scroll_action_1()",ejs_scroll_pause_seconde_1*1000)
}
function ejs_scroll_action_1()
{
ejs_scroll_top_1 -= 1;
document.getElementById(ejs_scroller_haut_1).style.top = ejs_scroll_top_1;
document.getElementById(ejs_scroller_bas_1).style.top = ejs_scroll_top_1+ejs_scroll_hauteur_1;
if((ejs_scroll_top_1+ejs_scroll_hauteur_1) > 0)
setTimeout("ejs_scroll_action_1()",10)
else
ejs_scroll_stop_1()
}
function ejs_scroll_stop_1()
{
ejs_scroll_actuel_1 = ejs_scroll_suivant_1;
ejs_scroll_start_1()
}
window.onload = function() { ejs_scroll_start_1(); ejs_scroll_start_2(); }
</script>
</td>
</tr>
<tr height="13">
<td>
<img src="images/box_menu_index_5.png" width="12" height="13"></td>
<td>
<img src="images/box_menu_index_6.png" width="126" height="13"></td>
</tr>
</table>
<br><br>
<table id="Tableau_01" border="0" cellpadding="0" cellspacing="0" height="88" width="256">
<tr>
<td>
<img src="images/box_menu_index_1.png" width="12" height="24"></td>
<td>
<img src="images/box_sujet.png" width="126" height="24"></td>
</tr>
<tr height="51">
<td width="12px">
<img src="images/box_menu_index_4.png" width="12" height="51"></td>
<td><!-- DEBUT DU SCRIPT -->
<script type="text/javascript">
var ejs_scroll_largeur_2 = 126;
var ejs_scroll_hauteur_2 = 51;
var ejs_scroll_bgcolor_2 = '';
/* Mettre ici le chemin de l'image de fond */
var ejs_scroll_background_2 = "";
/* Mettre ici le temps en secondes */
var ejs_scroll_pause_seconde_2 = 4;
var ejs_scroll_message_2 = new Array;
ejs_scroll_message_2[0]='<b><a href="http://www.pagon.org/v1/viewtopic.php?t=115">[Background]</a></b><br><a href="http://www.pagon.org/v1/viewtopic.php?t=115"> III) Les factions - Les Vampires</a>';
ejs_scroll_message_2[1]='<b><a href="http://www.pagon.org/v1/viewtopic.php?t=125">[Background]</a></b><br><a href="http://www.pagon.org/v1/viewtopic.php?t=125"> III) Les factions - Les Lycans</a>';
ejs_scroll_message_2[2]='<b><a href="http://www.pagon.org/v1/viewtopic.php?t=103">[Background]</a></b><br><a href="http://www.pagon.org/v1/viewtopic.php?t=103"> II) Histoire du P.A.G.O.N</a>';
ejs_scroll_message_2[3]='<b><a href="http://www.pagon.org/v1/viewtopic.php?t=100">[Background]</a></b><br><a href="http://www.pagon.org/v1/viewtopic.php?t=100"> I) Les enjeux</a>';
function d_2(texte)
{
document.write(texte);
}
d_2('<DIV ID=ejs_scroll_relativ_2 STYLE="position:relative;width:'+ejs_scroll_largeur_2+';height:'+ejs_scroll_hauteur_2+';background-color:'+ejs_scroll_bgcolor_2+';background-image:url('+ejs_scroll_background_2+')">');
d_2('<DIV ID=ejs_scroll_cadre_2 STYLE="position:absolute;width:'+(ejs_scroll_largeur_2-8)+';height:'+(ejs_scroll_hauteur_2-8)+';top:4;left:4;clip:rect(0 '+(ejs_scroll_largeur_2-8)+' '+(ejs_scroll_hauteur_2-8)+' 0)">');
d_2('<div id=ejs_scroller_1_2 style="position:absolute;width:'+(ejs_scroll_largeur_2-8)+';left:0;top:0;" CLASS=ejs_scroll>'+ejs_scroll_message_2[0]+'</DIV>');
d_2('<div id=ejs_scroller_2_2 style="position:absolute;width:'+(ejs_scroll_largeur_2-8)+';left:0;top:'+ejs_scroll_hauteur_2+';" CLASS=ejs_scroll>'+ejs_scroll_message_2[1]+'</DIV>');
d_2('</DIV></DIV>');
var ejs_scroll_mode_2 =1;
var ejs_scroll_actuel_2 = 0;
function ejs_scroll_start_2()
{
if(ejs_scroll_mode_2 == 1)
{
ejs_scroller_haut_2 = "ejs_scroller_1_2";
ejs_scroller_bas_2 = "ejs_scroller_2_2";
ejs_scroll_mode_2 = 0;
}
else
{
ejs_scroller_bas_2 = "ejs_scroller_1_2";
ejs_scroller_haut_2 = "ejs_scroller_2_2";
ejs_scroll_mode_2 = 1;
}
ejs_scroll_nb_message_2 = ejs_scroll_message_2.length-1;
if(ejs_scroll_actuel_2 == ejs_scroll_nb_message_2)
ejs_scroll_suivant_2 = 0;
else
ejs_scroll_suivant_2 = ejs_scroll_actuel_2+1;
if(document.getElementById)
document.getElementById(ejs_scroller_bas_2).innerHTML = ejs_scroll_message_2[ejs_scroll_suivant_2];
ejs_scroll_top_2 = 0;
if(document.getElementById)
setTimeout("ejs_scroll_action_2()",ejs_scroll_pause_seconde_2*1000)
}
function ejs_scroll_action_2()
{
ejs_scroll_top_2 -= 1;
document.getElementById(ejs_scroller_haut_2).style.top = ejs_scroll_top_2;
document.getElementById(ejs_scroller_bas_2).style.top = ejs_scroll_top_2+ejs_scroll_hauteur_2;
if((ejs_scroll_top_2+ejs_scroll_hauteur_2) > 0)
setTimeout("ejs_scroll_action_2()",10)
else
ejs_scroll_stop_2()
}
function ejs_scroll_stop_2()
{
ejs_scroll_actuel_2 = ejs_scroll_suivant_2;
ejs_scroll_start_2()
}
</script>
</td>
</tr>
<tr height="13">
<td>
<img src="images/box_menu_index_5.png" width="12" height="13"></td>
<td>
<img src="images/box_menu_index_6.png" width="126" height="13"></td>
</tr>
</table>
</body></html>