Forum de discussion
Forum « Programmation Javascript » (archives)
Défilement horizontal en JavaScript
Envoyé: 25 septembre 2003, 14h18 par mathieu2
Je voudrai faire défiler horizontalemnt du texte en JavaScript sur le modèle de ce script, qui le fait défiler verticalement. Quelles sont les modifications à apporter ?
Merci mille fois.
Mathieu.
<SCRIPT language=JavaScript1.2>
<!-- DEBUT DU FIL D'INFO DEROULANT EN JAVASCRIPT
scroll_largeur = 300;
scroll_hauteur = 15;
scroll_bgcolor = '#000000';
scroll_pause_seconde = '4';
depeche = new Array;
<?php $num_depeche=1; ?>
depeche[0]="depeche0";
depeche[1]="depeche";
...
function d(texte)
{
document.write(texte);
}
d('<DIV ID=scroll_relativ STYLE="position:relative;width:'+scroll_largeur+';height:'+scroll_hauteur+';background-color:'+scroll_bgcolor+'">');
d('<DIV ID=scroll_cadre STYLE="position:absolute;width:'+(scroll_largeur)+';height:'+(scroll_hauteur)+';top:0;left:0;right:0;clip:rect(0 '+(scroll_largeur)+' '+(scroll_hauteur)+' 0)">');
d('<div id=scroller_1 style="position:absolute;width:'+(scroll_largeur)+';left:0;right:0;top:0;">'+depeche[0]+'</DIV>');
d('<div id=scroller_2 style="position:absolute;width:'+(scroll_largeur)+';left:0;right:0;top:'+scroll_hauteur+';">'+depeche[1]+'</DIV>');
d('</DIV></DIV>');
scroll_mode =1;
scroll_actuel = 0;
function scroll_start()
{
if(scroll_mode == 1)
{
scroller_haut = "scroller_1";
scroller_bas = "scroller_2";
scroll_mode = 0;
}
else
{
scroller_bas = "scroller_1";
scroller_haut = "scroller_2";
scroll_mode = 1;
}
scroll_nb_message = depeche.length-1;
if(scroll_actuel == scroll_nb_message)
scroll_suivant = 0;
else
scroll_suivant = scroll_actuel+1;
if(document.getElementById)
document.getElementById(scroller_bas).innerHTML = depeche[scroll_suivant];
scroll_top = 0;
if(document.getElementById)
setTimeout("scroll_action()",scroll_pause_seconde*1000)
}
function scroll_action()
{
scroll_top -= 1;
document.getElementById(scroller_haut).style.top = scroll_top;
document.getElementById(scroller_bas).style.top = scroll_top+scroll_hauteur;
if((scroll_top+scroll_hauteur) > 0)
setTimeout("scroll_action()",10)
else
scroll_stop()
}
function scroll_stop()
{
scroll_actuel = scroll_suivant;
scroll_start()
}
window.onload = scroll_start;
// FIN DU SCRIPT -->
</SCRIPT>
Réponses
|