Plusieurs box pour ou défilent des images

Version imprimable

Bonjour, je débute dans le javascript donc essayé d'etre indulgent avec mon ignorance.
J'ai sur ma page principale une boxes ou défile des images(un script que j'ai récupéré sur un site je sais plus ou), jusque la tout va bien.
Maintenant j'aimerais inserer une seconde boxes mais la , il n'y en a qu'une des 2 qui tourne l'autre reste figé.J'ai essayé de changer les <div> mais rien n'y fait.
Je vous mets un bout du 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
<script>
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:0;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:4;top:0;" CLASS=ejs_scroll>'+ejs_scroll_message2[0]+'</DIV>');
d('<div  id=ejs_scroller_2 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:4;top:'+ejs_scroll_hauteur+';" CLASS=ejs_scroll>'+ejs_scroll_message2[1]+'</DIV>');
d('</DIV></DIV>');
 
ejs_scroll_mode =1;
ejs_scroll_actuel = 0;
 
function ejs_scroll_start2()
{
	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_message2.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_message2[ejs_scroll_suivant];
		ejs_scroll_top = 0;
	}
	if(document.getElementById)
	{
		setTimeout("ejs_scroll_action2()",ejs_scroll_pause_seconde*1000)
	}
}
 
function ejs_scroll_action2()
{
	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_action2()",10)
	}
	else
	{
		ejs_scroll_stop2()
	}
}
 
function ejs_scroll_stop2()
{
	ejs_scroll_actuel = ejs_scroll_suivant;
	ejs_scroll_start2()
}
 
window.onload = ejs_scroll_start2;
</script>

Merci

Bonjour,
il faut que tu déclares en globale les variables utilisées dans plusieurs fonctions :

Code:

1
2
3
4
5
6
function ejs_scroll_action2()
{
	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)

A+

Merci pour la rapidité de la réponse.
Désolé j'ai oublié de mettre d'autre vout du code.
Donc c'est 2 page php appelé dans une.
Code:

1 2 3 4 5 6 7 <?php ejs_scroll_largeur = 179\n; ejs_scroll_hauteur = 201\n; ejs_scroll_pause_seconde = 3\n; ejs_scroll_message = new Array\n; ?>
Aprés j'ai un while pour recupérer toutes les images ou je remplie la variable ejs_scroll_message2

donc les variables sont bien déclaré en globales ?

08/02/2008, 10h51
E.Bzz

Citation:

Envoyé par didas06

donc les variables sont bien déclaré en globales ?

Tout dépend à quel endroit de la page est généré ce bloc.

A+
08/02/2008, 11h23
didas06

oula je suis un peu perdu la en fait .
oublie mon précédent message je me suis un peu précipité.
si je déclare ejc_scroll_haut et bas en global il ne vont pas pouvoir changer pour faire la pause ou repartir ?
08/02/2008, 11h28
E.Bzz

Citation:

Envoyé par didas06

si je déclare ejc_scroll_haut et bas en global il ne vont pas pouvoir changer pour faire la pause ou repartir ?

D'après ton script, c'est "soi l'un soi l'autre", à l'exécution, non ?

Sinon, il faut que tu passes ces 2 variables en paramètre d'une fonction à l'autre ...

A+

Citation:

Envoyé par didas06

Code:

1
2
3
4
5
6
7
 
<?php
               ejs_scroll_largeur = 179\n;
               ejs_scroll_hauteur = 201\n;
               ejs_scroll_pause_seconde = 3\n;
               ejs_scroll_message = new Array\n;
?>

donc les variables sont bien déclaré en globales ?

Toujours pas ejs_scroller_haut et ejs_scroller_bas, en fait :mrgreen:

A+

oui c'est d'ailleurs pour ca que je t'ai dis que je m'étais précipité déolsé.
mais en fait je ne sais pas quoi mettre dans ces variables elles sont remplies dans le début du strat justement pour etre différente.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 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; }

Code:

1
2
3
4
5
6
7
8
ejs_scroll_mode =1;
ejs_scroller_bas = "ejs_scroller_1";
ejs_scroller_haut = "ejs_scroller_2";
ejs_scroll_actuel = 0;
 
function ejs_scroll_start2()
{
...

A+