appel de plusieurs .js dans la meme page

Version imprimable

Bonjour

je veux afficher 2 scripts dans une meme page (dans le body)
les voici :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<script language="JavaScript"> 
var txt_defil_width_D = 335; //largeur
var txt_defil_height_D = 20; //hauteur
var taille_pix_D = <?=$taille_pix_D?>;
var txt_defil_bgcolor_D = '#ffffff'; //couleur de fond
var txt_defil_background_D = ""; //image de fond
var txt_defil_info_D = new Array;
txt_defil_info_D[0]='<nobr><?=$texte_D?></nobr>';
txt_defil_info_D[1]='<nobr><?=$texte_D?></nobr>';
</script>
<script language="JavaScript" src="textdefil2.js"></script>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<script language="JavaScript"> 
var txt_defil_width = 400; //largeur
var txt_ecart_width = 20; //largeur
var txt_defil_height = 20; //hauteur
var taille_pix = <?=$taille_pix?>;
var txt_defil_bgcolor = '#ffffff'; //couleur de fond
var txt_defil_background = ""; //image de fond
 
var txt_defil_info = new Array;
 
txt_defil_info[0]='<nobr><?=$texte?></nobr>';
txt_defil_info[1]='<nobr><?=$texte?></nobr>';
 
</script>
<script language="JavaScript" src="textdefil1.js"></script>

Mon probleme est qu'un seul des deux fonctionne
si j'enleve le premier, le second fonctionne et inversement
(j'ai fait en sorte que les variables de textdefil1.js et textdefil2.js soient differentes)

Merci de votre aide

10/01/2007, 15h57
SpaceFrog

ben normal tu declares des variables globales avec le même nom ...
change le nom de toutes les varioables ou encore mieux modifiez la focntion en lui passant en paramètre les valeurs des variables ...
comme ça une seule fonction ...
10/01/2007, 16h44
nicerico

Citation:

tu declares des variables globales avec le même nom ...

j'ai changé les noms :
ex :
var txt_defil_width_D
var txt_defil_width
10/01/2007, 16h57
SpaceFrog

et ?
resolu ?

il eut été preferable de ne faire qu'eun fonction et de passer les valeurs en paramètre ...

non comme je l'ai mis dans mon 1er post, les variables n'ont pas le meme nom
je les avais deja changées

une seule fonction ? oui mais le fichier est assez complexe car composé de plusieurs fonctions :
textdefil1.js :

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
 
function writext(texdef)
	{
	document.write(texdef);
	}
writext('<DIV ID=txt_defil_relativ onMouseOver="txt_defil_stop()" onMouseOut="txt_defil_rstart()" STYLE="position:relative;width:'+txt_defil_width+';height:'+txt_defil_height+';background-color:'+txt_defil_bgcolor+';background-image:url('+txt_defil_background+')">');
writext('<DIV ID=txt_defil_cadre STYLE="position:absolute;width:'+(txt_defil_width -8)+';height:'+(txt_defil_height-8)+';top:4;left:4;clip:rect(0 '+(txt_defil_width -8)+' '+(txt_defil_height-8)+' 0)">');
writext('<div id=txt_defiler_1 style="position:absolute;width:'+(taille_pix -8)+';left:0;top:0;" CLASS=txt_defil >'+txt_defil_info[0]+'</DIV>');
writext('<div id=txt_defiler_2 style="position:absolute;width:'+(taille_pix -8)+';left:'+taille_pix+';top:0;" CLASS=txt_defil >'+txt_defil_info[1]+'</DIV>');
writext('</DIV></DIV>');
 
txt_defil_1 =1;
txt_defil_2 = 0;
stop_mouss=0;
 
function txt_defil_f1()
	{
	if(txt_defil_1 == 1) 
		{
		txt_defil_haut = "txt_defiler_1";
		txt_defil_bas = "txt_defiler_2";
		txt_defil_1 = 0;
		}
	else
		{
		txt_defil_bas = "txt_defiler_1";
		txt_defil_haut = "txt_defiler_2";
		txt_defil_1 = 1;
		}
	txt_defil_nb_info = txt_defil_info.length-1; 	/* total dans tableau */
	if(txt_defil_2 == txt_defil_nb_info)
		txt_defil_next = 0;						 	/*on revient au 1er*/
	else
		txt_defil_next = txt_defil_2+1;				/*on va au suivant*/
 
	if(document.getElementById)
		document.getElementById(txt_defil_bas).innerHTML = txt_defil_info[txt_defil_next];
	txt_defil_left = 0;
	if(document.getElementById)
	txt_defil_f2 ()
	}
 
function txt_defil_f2 ()
	{
if (stop_mouss == 0)
{	
	txt_defil_left -= 2;
	document.getElementById(txt_defil_haut).style.left = txt_defil_left;
	document.getElementById(txt_defil_bas).style.left = txt_defil_left+(taille_pix);/*(txt_defil_width ou taille_pix+5)*/
	if((txt_defil_left+taille_pix) > 0)
	move2=setTimeout("txt_defil_f2 ()",5)
	else
		txt_defil_f3()
}
else	move1=setTimeout("txt_defil_f2 ()",1000)	
	}
 
function txt_defil_f3()
	{
	txt_defil_2 = txt_defil_next;
	txt_defil_f1()
	}
function txt_defil_stop()
	{
	stop_mouss=1;
	}
function txt_defil_rstart()
	{
	stop_mouss=0;
	}		
window.onload = txt_defil_f1;

10/01/2007, 17h12
SpaceFrog

et avec de document.write ... beuark ...
10/01/2007, 17h39
nicerico

pas gentil ça..
11/01/2007, 08h56
SpaceFrog

un seul conseil renseignes toi sur

Code:

document.createElement

;)
11/01/2007, 10h28
Matthieu2000

les id de tes div doivent être unique...

Citation:

writext('<DIV ID=txt_defil_relativ onMouseOver="txt_defil_stop()" onMouseOut="txt_defil_rstart()" STYLE="position:relative;width:'+txt_defil_width+';height:'+txt_defil_height+';background-color:'+txt_defil_bgcolor+';background-image:url('+txt_defil_background+')">');
writext('<DIV ID=txt_defil_cadre STYLE="position:absolute;width:'+(txt_defil_width -8)+';height:'+(txt_defil_height-8)+';top:4;left:4;clip:rect(0 '+(txt_defil_width -8)+' '+(txt_defil_height-8)+' 0)">');
writext('<div id=txt_defiler_1 style="position:absolute;width:'+(taille_pix -8)+';left:0;top:0;" CLASS=txt_defil >'+txt_defil_info[0]+'</DIV>');
writext('<div id=txt_defiler_2 style="position:absolute;width:'+(taille_pix -8)+';left:'+taille_pix+';top:0;" CLASS=txt_defil >'+txt_defil_info[1]+'</DIV>');
writext('</DIV></DIV>');

txt_defil_relativ est il différent du deuxième?
Essaie de faire les passage pas variable.

oui il est bien different

textdefil1.js :

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
 
function writext(texdef)
	{
	document.write(texdef);
	}
 /*txt_defil_info[0].length*/
writext('<DIV ID=txt_defil_relativ onMouseOver="txt_defil_stop()" onMouseOut="txt_defil_rstart()" STYLE="position:relative;width:'+txt_defil_width+';height:'+txt_defil_height+';background-color:'+txt_defil_bgcolor+';background-image:url('+txt_defil_background+')">');
writext('<DIV ID=txt_defil_cadre STYLE="position:absolute;width:'+(txt_defil_width -8)+';height:'+(txt_defil_height-8)+';top:4;left:4;clip:rect(0 '+(txt_defil_width -8)+' '+(txt_defil_height-8)+' 0)">');
writext('<div id=txt_defiler_1 style="position:absolute;width:'+(taille_pix -8)+';left:0;top:0;" CLASS=txt_defil >'+txt_defil_info[0]+'</DIV>');
writext('<div id=txt_defiler_2 style="position:absolute;width:'+(taille_pix -8)+';left:'+taille_pix+';top:0;" CLASS=txt_defil >'+txt_defil_info[1]+'</DIV>');
writext('</DIV></DIV>');
 
txt_defil_1 =1;
txt_defil_2 = 0;
stop_mouss=0;
 
function txt_defil_f1()
	{
	if(txt_defil_1 == 1) 
		{
		txt_defil_haut = "txt_defiler_1";
		txt_defil_bas = "txt_defiler_2";
		txt_defil_1 = 0;
		}
	else
		{
		txt_defil_bas = "txt_defiler_1";
		txt_defil_haut = "txt_defiler_2";
		txt_defil_1 = 1;
		}
	txt_defil_nb_info = txt_defil_info.length-1; 	/* total dans tableau */
	if(txt_defil_2 == txt_defil_nb_info)
		txt_defil_next = 0;						 	/*on revient au 1er*/
	else
		txt_defil_next = txt_defil_2+1;				/*on va au suivant*/
 
	if(document.getElementById)
		document.getElementById(txt_defil_bas).innerHTML = txt_defil_info[txt_defil_next];
	txt_defil_left = 0;
	if(document.getElementById)
	txt_defil_f2 ()
	}
 
function txt_defil_f2 ()
	{
if (stop_mouss == 0)
{	
	txt_defil_left -= 2;
	document.getElementById(txt_defil_haut).style.left = txt_defil_left;
	document.getElementById(txt_defil_bas).style.left = txt_defil_left+(taille_pix);/*(txt_defil_width ou taille_pix+5)*/
	if((txt_defil_left+taille_pix) > 0)
	move2=setTimeout("txt_defil_f2 ()",5)
	else
		txt_defil_f3()
}
else	move1=setTimeout("txt_defil_f2 ()",1000)	
	}
 
function txt_defil_f3()
	{
	txt_defil_2 = txt_defil_next;
	txt_defil_f1()
	}
function txt_defil_stop()
	{
	stop_mouss=1;
	}
function txt_defil_rstart()
	{
	stop_mouss=0;
	}		
window.onload = txt_defil_f1;

textdefil2.js :

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
 
function writext_D(texdef_D)
	{
	document.write(texdef_D);
	}
 /*txt_defil_info[0].length*/
writext_D('<DIV ID=txt_defil_relativ_D onMouseOver="txt_defil_stop_D()" onMouseOut="txt_defil_rstart_D()" STYLE="position:relative;width:'+txt_defil_width_D+';height:'+txt_defil_height_D+';background-color:'+txt_defil_bgcolor_D+';background-image:url('+txt_defil_background_D+')">');
writext_D('<DIV ID=txt_defil_cadre_D STYLE="position:absolute;width:'+(txt_defil_width_D -8)+';height:'+(txt_defil_height_D-8)+';top:4;left:4;clip:rect(0 '+(txt_defil_width_D -8)+' '+(txt_defil_height_D-8)+' 0)">');
writext_D('<div id=txt_defiler_1_D style="position:absolute;width:'+(taille_pix_D -8)+';left:0;top:0;" CLASS=txt_defil >'+txt_defil_info_D[0]+'</DIV>');
writext_D('<div id=txt_defiler_2_D style="position:absolute;width:'+(taille_pix_D -8)+';left:'+taille_pix_D+';top:0;" CLASS=txt_defil >'+txt_defil_info_D[1]+'</DIV>');
writext_D('</DIV></DIV>');
 
txt_defil_1_D =1;
txt_defil_2_D = 0;
stop_mouss_D=0;
 
function txt_defil_f1_D()
	{
	if(txt_defil_1_D == 1) 
		{
		txt_defil_haut_D = "txt_defiler_1_D";
		txt_defil_bas_D = "txt_defiler_2_D";
		txt_defil_1_D = 0;
		}
	else
		{
		txt_defil_bas_D = "txt_defiler_1_D";
		txt_defil_haut_D = "txt_defiler_2_D";
		txt_defil_1_D = 1;
		}
	txt_defil_nb_info_D = txt_defil_info_D.length-1; 	/* total dans tableau */
	if(txt_defil_2_D == txt_defil_nb_info_D)
		txt_defil_next_D = 0;						 	/*on revient au 1er*/
	else
		txt_defil_next_D = txt_defil_2_D+1;				/*on va au suivant*/
 
	if(document.getElementById)
		document.getElementById(txt_defil_bas_D).innerHTML = txt_defil_info_D[txt_defil_next_D];
	txt_defil_left_D = 0;
	if(document.getElementById)
	txt_defil_f2_D ()
	}
 
function txt_defil_f2_D ()
	{
if (stop_mouss_D == 0)
{	
	txt_defil_left_D -= 2;
	document.getElementById(txt_defil_haut_D).style.left = txt_defil_left_D;
	document.getElementById(txt_defil_bas_D).style.left = txt_defil_left_D+(taille_pix_D);/*(txt_defil_width ou taille_pix+5)*/
	if((txt_defil_left_D+taille_pix_D) > 0)
	move2_D=setTimeout("txt_defil_f2_D ()",5)
	else
		txt_defil_f3_D()
}
else	move1_D=setTimeout("txt_defil_f2_D ()",1000)	
	}
 
function txt_defil_f3_D()
	{
	txt_defil_2_D = txt_defil_next_D;
	txt_defil_f1_D()
	}
function txt_defil_stop_D()
	{
	stop_mouss_D=1;
	}
function txt_defil_rstart_D()
	{
	stop_mouss_D=0;
	}		
window.onload = txt_defil_f1_D;

Citation:

document.createElement

je vais voir ça

merci

12/01/2007, 20h20
Gruik

Une idée à Lacon : peut etre que les divs sont bien créés tous les 2 mais qu'ils apparaissent au meme endroit, un des 2 serait caché ?
12/01/2007, 20h36
FremyCompany

Citation:

Envoyé par SpaceFrog

un seul conseil renseignes toi sur

Code:

document.createElement

;)

Pas toujours possible... Moi je trouve qu'une utilisation convenable de document.write n'est pas à blamer...

j'ai essayé d'autres script sans faire appel à un .js avec le meme resultat ...

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
 
<tr><td height="20" colspan="5" align="right" valign="top">
<div id="defil_design" style="max-width:335px; width:335px;">
<SCRIPT type="text/javascript" title="G1SCRIPT">
var d_marqueewidth="335px"
var d_marqueeheight="20px"
var d_marqueespeed=2
var d_marqueebgcolor="#FFFFFF"
var d_pauseit=1
var d_marqueecontent='<nobr><?=$texte_D?></nobr>'
////NO NEED TO EDIT BELOW THIS LINE////////////
d_marqueespeed=(document.all)? d_marqueespeed : Math.max(1, d_marqueespeed-1) //slow speed down by 1 for NS
var d_copyspeed=d_marqueespeed
var d_pausespeed=(d_pauseit==0)? d_copyspeed: 0
var d_iedom=document.all||document.getElementById
if (d_iedom)
document.write('<span id="d_temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+d_marqueecontent+'</span>')
var d_actualwidth=''
var d_cross_marquee, d_ns_marquee
 
function d_populate(){
if (d_iedom){
d_cross_marquee=document.getElementById? document.getElementById("d_iemarquee") : document.all.d_iemarquee
d_cross_marquee.style.left=parseInt(d_marqueewidth)+8+"px"
d_cross_marquee.innerHTML=d_marqueecontent
d_actualwidth=document.all? d_temp.offsetWidth : document.getElementById("d_temp").offsetWidth
}
else if (document.d_ns_marquee2){
d_ns_marquee=document.d_ns_marquee.document.d_ns_marquee2
d_ns_marquee.left=parseInt(d_marqueewidth)+8
d_ns_marquee.document.write(d_marqueecontent)
d_ns_marquee.document.close()
d_actualwidth=d_ns_marquee.document.width
}
d_lefttime=setInterval("d_scrollmarquee()",20)
}
window.onload=d_populate
function d_scrollmarquee(){
if (d_iedom){
if (parseInt(d_cross_marquee.style.left)>(d_actualwidth*(-1)+8))
d_cross_marquee.style.left=parseInt(d_cross_marquee.style.left)-d_copyspeed+"px"
else
d_cross_marquee.style.left=parseInt(d_marqueewidth)+8+"px"
}
else if (document.d_ns_marquee2){
if (d_ns_marquee.left>(d_actualwidth*(-1)+8))
d_ns_marquee.left-=d_copyspeed
else
d_ns_marquee.left=parseInt(d_marqueewidth)+8
}
}
if (d_iedom||document.d_ns_marquee2){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (d_iedom){
write('<div id="defil_design1" style="position:relative;width:'+d_marqueewidth+';height:'+d_marqueeheight+';overflow:hidden">')
write('<div id="defil_design2" style="position:absolute;width:'+d_marqueewidth+';height:'+d_marqueeheight+';background-color:'+d_marqueebgcolor+'" onMouseover="d_copyspeed=d_pausespeed" onMouseout="d_copyspeed=d_marqueespeed">')
write('<div id="d_iemarquee" style="position:absolute;left:0px;top:0px"></div>')
write('</div></div>')
}
else if (document.d_ns_marquee2){
write('<ilayer id="d_ns_marquee" width='+d_marqueewidth+' height='+d_marqueeheight+' name="d_ns_marquee" bgColor='+d_marqueebgcolor+'>')
write('<layer name="d_ns_marquee2" left=0 top=0 onMouseover="d_copyspeed=d_pausespeed" onMouseout="d_copyspeed=d_marqueespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</SCRIPT>
</div>
</td></tr>

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
 
<tr><td height="20" colspan="6" align="right" valign="bottom">
<div id = "defil_createur" style="max-width:400px; width:400px;">
<SCRIPT type="text/javascript" title="C_G1SCRIPT">
var marqueewidth="400px"
var marqueeheight="20px"
var marqueespeed=3
var marqueebgcolor="#FFFFFF"
var pauseit=1
var marqueecontent='<nobr><?=$texte?></nobr>'
////NO NEED TO EDIT BELOW THIS LINE////////////
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all/*C_G1SCRIPT||document.getElementById*/
 
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee
 
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.ns_marquee2){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=parseInt(marqueewidth)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
}
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
}
else if (document.ns_marquee2){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=parseInt(marqueewidth)+8
}
}
if (iedom||document.ns_marquee2){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div id="defil_crea1" style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div id="defil_crea2" style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')
write('</div></div>')
}
else if (document.ns_marquee2){
write('<ilayer id="ns_marquee" width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</SCRIPT></div>
</td></tr>

18/01/2007, 09h13
nicerico

toujours en galere...