JavaScript permettant de faire un défilement de texte verticale
Bonsoir, j'ai encore besoin d'aide svp
J'ai une partie de code javascript qui permet de faire un défilement de texte verticale donnant des infos. (code qui n'est pas de moi) sur l'ancien site il fonctionnait. Par contre maintenant je bloque je ne sais pas comment faire je tourne en rond!!!????
Voici le code
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
|
<!--position info scroll-->
<div class="scroll">
<script language="JavaScript1.2">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.edteurjavascript.com
*/
ejs_scroll_largeur = 513
ejs_scroll_hauteur = 170;
ejs_scroll_bgcolor = 'transparent';
/* Mettre ici le chemin de l'image de fond */
ejs_scroll_background = "transparent";
/* Mettre ici le temps en secondes */
ejs_scroll_pause_seconde = 22;
ejs_scroll_message = new Array;
ejs_scroll_message[0]='<class="ejs_scroll"></FONT><b><H2><center>ASRCC Champion de France F3</center></H2></b> </FONT></a>';
ejs_scroll_message[1]='<class="ejs_scroll"></FONT><b>Ecole de Rugby</b><br>Ouverture d’une section sportive.<br>En septembre s’ouvrira une section sportive rugby Garçons au collège Jean Vilar à Chalon sur Saône. Elle sera formée de deux groupes d’entraînement*:<br>un groupe 6ième et 5ième*: une séance hebdomadaire incluses dans l’emploi du temps*;<br>un groupe 4ième et 3ième*: deux séances hebdomadaires incluses dans l’emploi du temps <br>Contacter M. Calmand, principal de Collège au 03 85 46 50 76, collège Jean Vilar, 45 rue du Bois de Menuse à Chalon sur Saône.</FONT></a>';
function d(texte)
{
document.write(texte);
}
d('<DIV ID=ejs_scroll_relativ STYLE="position:relative;width:'+ejs_scroll_largeur+';height:'+ejs_scroll_hauteur+';background-color:'+ejs_scroll_bgcolor+';background-image:url('+ejs_scroll_background+')">');
d('<DIV ID=ejs_scroll_cadre STYLE="position:absolute;width:'+(ejs_scroll_largeur-8)+';height:'+(ejs_scroll_hauteur-8)+';top:4;left:4;clip:rect(0 '+(ejs_scroll_largeur-8)+' '+(ejs_scroll_hauteur-8)+' 0)">');
d('<div id=ejs_scroller_1 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:0;" CLASS=ejs_scroll>'+ejs_scroll_message[0]+'</DIV>');
d('<div id=ejs_scroller_2 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:'+ejs_scroll_hauteur+';" CLASS=ejs_scroll>'+ejs_scroll_message[1]+'</DIV>');
d('</DIV></DIV>');
ejs_scroll_mode =1;
ejs_scroll_actuel = 0;
function ejs_scroll_start()
{
if(ejs_scroll_mode == 1)
{
ejs_scroller_haut = "ejs_scroller_1";
ejs_scroller_bas = "ejs_scroller_2";
ejs_scroll_mode = 0;
}
else
{
ejs_scroller_bas = "ejs_scroller_1";
ejs_scroller_haut = "ejs_scroller_2";
ejs_scroll_mode = 1;
}
ejs_scroll_nb_message = ejs_scroll_message.length-1;
if(ejs_scroll_actuel == ejs_scroll_nb_message)
ejs_scroll_suivant = 0;
else
ejs_scroll_suivant = ejs_scroll_actuel+1;
if(document.getElementById)
document.getElementById(ejs_scroller_bas).innerHTML = ejs_scroll_message[ejs_scroll_suivant];
ejs_scroll_top = 0;
if(document.getElementById)
setTimeout("ejs_scroll_action()",ejs_scroll_pause_seconde*1000)
}
function ejs_scroll_action()
{
ejs_scroll_top -= 1;
document.getElementById(ejs_scroller_haut).style.top = ejs_scroll_top;
document.getElementById(ejs_scroller_bas).style.top = ejs_scroll_top+ejs_scroll_hauteur;
if((ejs_scroll_top+ejs_scroll_hauteur) > 0)
setTimeout("ejs_scroll_action()",10)
else
ejs_scroll_stop()
}
function ejs_scroll_stop()
{
ejs_scroll_actuel = ejs_scroll_suivant;
ejs_scroll_start()
}
window.onload = ejs_scroll_start;
</script>
</div> |
Mon css
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
.scroll {
position: absolute;
margin-top : 500px;
margin-left : 590px;
}
.menuscorre {
position: absolute;
margin-top : 250px;
margin-left : 71%;
}
.ejs_scroll {font-size:12px;font-family:Arial;color:#000000;text-decoration:none} |
Un petit peu d'aide merci ou une piste.
Merci par avance.
philippe
