Pb faire fonctionner 2 javascript en même tps

Résolu/Fermé
bibi-arnaud - 26 juin 2008 à 14:52
 HB0034 - 6 août 2012 à 21:34
Bonjour,

voila mon problème.

J'ai sur une page d'accueil un script pour faire fonctionner un flux d'info sous forme d'un texte défilant verticalement.
Celui-ci après test fonctionne à merveille.

J'ai un deuxième script qui lui sert à faire un défilement d'image horizontalement.
Celui-ci fonctionne aussi à merveille.

Ces 2 scripts sont totalement indépendants l'un de l'autre.
Lorsque je les fait fonctionner séparément, il n'y a aucun problème, par contre lorsque je les intègre en même temps sur la page, il n'y a plus que le fil info qui fonctionne.

Je deviens fou.

Voila mon code où j'appelle les fichiers javascripts externes.

fichier principal
<div id="div_contenu_index">

	<script language="javascript" type="text/javascript" src="scripts/imageslide_accueil.js"></script>

	<script language="javascript" type="text/javascript" src="scripts/slide.js"></script>

	

	

	<div id="info_accueil">

		<div class="titre">

			Toute l'équipe de KREAZONE vous souhaite<br/> la bienvenue sur son site 

		</div>

		<div id="contenu_accueil">

			<b>KREAZONE en quelques mots....</b><br/><br/>

			<b>Année de création :</b> 2004<br/>

			<b>Effectif :</b> 2 graphistes<br/>

			1 conseiller / commercial / graphiste<br/>

			1 spécialiste du marquage<br/><br/>

			

			<b>RÉFÉRENCES :</b> 

			<span id="reference_accueil">NOD32 (BENELUX) - METAL DESIGN (BE) - ECKES GRANINI (FR) 

				BLANCHON (DE) - SOTRALENTZ (FR) - Ville de BITCHE (FR) - CONSEIL GENERAL (FR)

				MAGNA (FR) - GROUPAMA (FR) - SAFE PROTECT (FR) - SAREL (FR) - DURMEYER (FR)

				CUISINES PREMIER PLAN (FR), MAGNA (FR), MGK TECHNOLOGIES (LUX)....

			</span>



		</div>

	</div>

	

	<div id="actu_accueil">

		<script language="javascript" type="text/javascript" src="scripts/news.js"></script>

	</div>

</div>





imageslide_accueil.js
// JavaScript Document
var leftrightslide = new Array();



leftrightslide[0] ='<IMG src="images/diapo/accueil/1.png" border=1 alt="1"/>';

leftrightslide[1] ='<IMG src="images/diapo/accueil/2.png" border=1 alt="2"/>';

leftrightslide[2] ='<IMG src="images/diapo/accueil/3.png" border=1 alt="3"/>';

leftrightslide[3] ='<IMG src="images/diapo/accueil/4.png" border=1 alt="4"/>';

leftrightslide[4] ='<IMG src="images/diapo/accueil/5.png" border=1 alt="5"/>';



slide.js
		var sliderwidth="50px"

		var sliderheight="120px"

		var slidespeed=2

		slidebgcolor="00OO00"

		var finalslide=''

		var copyspeed=slidespeed

		leftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>'

		var iedom=document.all||document.getElementById

		if (iedom)

			document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')

			var actualwidth=''

			var cross_slide, ns_slide

		function fillup()
		{

			if (iedom)
			{

				cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2

				cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3

				cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide

				actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth

				cross_slide2.style.left=actualwidth+4+"px"

			}

			else if (document.layers)
			{

				ns_slide=document.ns_slidemenu.document.ns_slidemenu2

				ns_slide2=document.ns_slidemenu.document.ns_slidemenu3

				ns_slide.document.write(leftrightslide)

				ns_slide.document.close()

				actualwidth=ns_slide.document.width

				ns_slide2.left=actualwidth+4

				ns_slide2.document.write(leftrightslide)

				ns_slide2.document.close()

			}

			lefttime=setInterval("slideleft()",30)

		}

		window.onload=fillup

		function slideleft()
		{

			if (iedom)
			{

				if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+0))

					cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"

				else

					cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+4+"px"

				if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+0))

					cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"

				else

					cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+4+"px"

			}

			else if (document.layers)
			{

				if (ns_slide.left>(actualwidth*(-1)+0))

					ns_slide.left-=copyspeed

				else

					ns_slide.left=ns_slide2.left+actualwidth+4

				if (ns_slide2.left>(actualwidth*(-1)+0))

					ns_slide2.left-=copyspeed

				else

					ns_slide2.left=ns_slide.left+actualwidth+4

			}

		}

		if (iedom||document.layers)
		{

			with (document)
			{

				if (iedom)
				{

					write('<table width=680 align=center border=0 id="cinesearch"><tr><td>')

					write('<div style="position:relative;top:1px;left:-1px;width:100%;height:1;" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')

					write('<div style="position:absolute;top:303px;left:-1px;width:100%;height:170;overflow:hidden;">')

					write('<div id="test2" style="position:absolute;width:100%;left:-1px;top:1px"></div>')

					write('<div id="test3" style="position:absolute;width:100%;left:-1000px;top:1px"></div></div></div>')

					write('</td></tr></table>')

				}

				else if (document.layers)
				{

				}

			}

		}




news.js
			ejs_scroll_largeur = 265;
			ejs_scroll_hauteur = 142;
			ejs_scroll_bgcolor = '#FFFFFF';
			/* Mettre ici le chemin de l'image de fond */
			ejs_scroll_background = "";
			/* Mettre ici le temps en secondes */
			ejs_scroll_pause_seconde = 5;

			ejs_scroll_message = new Array;
			ejs_scroll_message[0]='<a href="http://www.santimaria.fr" class="ejs_scroll">Bonjour, nous allons faire un test afin de vous proposer des news sur le site de Kreazone. Bienvenue à vous !</a>';
			ejs_scroll_message[1]='<a href="http://www.santimaria.fr" class="ejs_scroll">Bonjour, Bonjour, nous allons faire un test afin de vous proposer des news sur le site de Kreazone. Bienvenue à vous !</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;




J'espère que quelqu'un arrivera à m'aiguiller sur une piste pour la solution.

Je vous remercie d'avance.

Cordialement,

Arnaud S.
A voir également:

1 réponse

Christounet Messages postés 1264 Date d'inscription mercredi 26 septembre 2007 Statut Membre Dernière intervention 29 juillet 2010 1 384
26 juin 2008 à 15:02
Bonjour,

Je ne sais pas si ton problème vient du fait que dans chaque javascript, tu exécutes l'instruction window.onload, tu devrais peut-être mettre le code suivant dans ta page html
<body onload="startscript();">
<script>
function startscript()
{
    fillup();
    ejs_scroll_start();
}
</script>
et enlever les instruction window.onload dans chaque script.

A plus
2
bibi_arnaud Messages postés 4 Date d'inscription jeudi 26 juin 2008 Statut Membre Dernière intervention 28 juillet 2008
26 juin 2008 à 15:26
Magnifique, cela fonctionne.

Je te remercie beaucoup.
Sympa de ta part de m'avoir répondu aussi vite, tu m'as bien aidé là.

@++ et encore merci !
0
merci, je suis tombé par hasard sur ton conseil concernant les window.onload et j'ai réussi à m'épargner une grosse prise de tête !!
vraiment merco
0