Discussion :

[philguio]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[philguio]

Bonjour. J'ai trouvé plus simple mais cela reste moyen à l'affichage.
Donnez moi votre avis quand même.
Merci

[philguio]

J'ai résolu la partie javascript pourquoi faire compliqué alors qu'il y plus simple.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<marquee behavior="scroll" direction="up" width="513" height="140" scrollamount="1" scrolldelay="60" onMouseOver="this.stop()" onMouseOut="this.start()">

Merci les forums

Philippe