<HTML>
<BODY onResize="window.location.href = window.location.href;">
<SCRIPT LANGUAGE="JavaScript">
var doc; //document (différent selon Netscape ou MSIE)
var sty; //style (différent selon Netscape ou MSIE)
var htm; //objet html (différent selon Netscape ou MSIE)
var lg; //largeur du cadre
var ht; //hauteur du cadre
var h; //position bord haut
var g; //position bord gauche
function DonneTaille()
{
alert("test");
largeur_voulue=parseInt(cadre.dimension.largeur / 2);
eval(doc +'boite.'+doc+'defile'+sty+'.width='+largeur_voulue);
eval(doc +'boite.'+doc+'defile'+sty+'.clip.width='+largeur_voulue);
eval(doc +'boite'+sty+'.width='+largeur_voulue);
eval(doc +'boite'+sty+'.clip.width='+largeur_voulue);
eval(doc +'boite'+sty+'.height='+ 70);
bord_gauche=parseInt((cadre.dimension.largeur - largeur_voulue)/2);//pour centrer ton calque
eval(doc +'boite'+sty+'.left='+bord_gauche);
eval(doc +'boite.'+doc+'defile'+sty+'.left='+0);
bord_superieur=parseInt(cadre.dimension.hauteur - 80);
eval(doc +'boite'+sty+'.height=70');
eval(doc +'boite'+sty+'.top='+bord_superieur);
eval(doc +'boite'+sty+'.visibility="visible"');
}
function DIMENSIONS(lg,ht)
{
this.largeur = lg;
this.hauteur = ht;
}
function POSITIONS(h,g)
{
this.haut = h;
this.gauche = g;
}
function LE_CADRE(p_dimension,p_position)
{
this.dimension = p_dimension;
this.position = p_position;
}
doc = "document.";
sty = "";
htm = ".document";
lg = window.innerWidth - 15;
ht = window.innerHeight - 132;
h = window.screenX;
g = window.screenY;
dimension = new DIMENSIONS(lg,ht);
position = new POSITIONS(h,g);
cadre = new LE_CADRE(dimension,position);
function demarreScroll( spd, loop)
{
loop = true;
scrolltimer = null;
var page = eval(doc +'boite.'+doc+'defile'+sty);
var y_pos = parseInt(page.top);
if (loop == true)
{
page.top = (y_pos - 1);
eval('quelle_hauteur='+doc +'boite.'+doc+'defile'+sty+'.document.height');
eval('ou_est_top='+ doc +'boite.'+doc+'defile'+sty+'.top');
ou_est_fin = parseInt(quelle_hauteur)+parseInt(ou_est_top);
if(ou_est_fin<= 0)
{
eval(doc +'boite.'+doc+'defile'+sty+'.top='+50);
}
scrolltimer = setTimeout("demarreScroll(1)", 80);
}
}
function stopScroll()
{
loop = false;
clearTimeout(scrolltimer);
}
</script>
<CENTER>
<H2>Un scroller vertical</H2>
</CENTER>
<DIV ID="boite" style="position:absolute;visibility:visible;top:210px;left:10px;width:500px;height:80px;z-index:1;clip:rect(0,600,70,0);">
<DIV ID="defile" style="position:absolute;visibility:visible;top:5px;left:1px;width:100%;height:100%;z-index:2;">
Here is some texte to scroll<BR><BR>
exemple:<BR>
Lionel Jospin fait sa rentrée et pour cela il a décidé de s’adresser directement aux Français pour tenter de répondre à leurs doutes sur la Corse, la sécurité ou la situation économique et sociale. Le tout à huit mois d’un combat présidentiel qui s’annonce toujours aussi incertain. Contrairement aux années précédentes, le Premier ministre a décidé de ne pas attendre l’université du PS le 2 septembre à La Rochelle pour faire sa rentrée politique en s’exprimant dès mardi dans le journal de 20 heures de TF1, également retransmis sur tf1.fr. L’exercice ne sera pas facile et le Premier ministre devra se montrer rassurant vis à vis des Français.
</DIV>
</DIV>
<FORM>
<INPUT type="button" value="Accélère" onclick="javascript:demarreScroll('1','true');"><BR></INPUT>
<INPUT type="button" value="Ralentit" onclick="javascript:stopScroll();"><BR></INPUT>
</FORM>
<SCRIPT LANGUAGE="JavaScript">
DonneTaille();
demarreScroll('1','true');
</SCRIPT>
</BODY>
</HTML>