11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
Je suis novice. Et je voudrai savoir siu on peut faire fonctionner 2 scripts JS dans une même page. Le 1er est ponctuel (au début de la page chargée puis plus rien), le second permanent. Les voici tels que je les ai dans le code Smiley decu c'est un peu long!!!)

head
<script type="text/javascript" src="../JavaScript/prototype.js"></script>
<script type="text/javascript" src="../JavaScript/dynamique.js"></script>
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script>
Event.observe(window, 'load', init);
structureAnimations=[{	
    id:'PEDAGOGIE',
	delay:0,
	effects:[{
		effect:'top',
		reportOrigine:true,
		startValue:0,
        reportProportion:{
           startValue:-2,
           endValue:2,
		   interpolation :{
				type : 'linear'
			}
        },
        reportDuration:{
           startValue:1,
           endValue:1,
		   interpolation :{
				type : 'spline',
				tangente:[10,-10]
			}
        },
		key:[{
			value:150,
			duration:1500,
			interpolation :{
				type : 'spline',
				tangente:[0,]
			}
		},{
			value:0,
			duration:1500,
			interpolation :{
				type : 'spline',
				tangente:[,0]
			}
		}]
	},{
		effect:'left',
		reportOrigine:true,
		startValue:0,
        reportProportion:{
           startValue:-2,
           endValue:2,
		   interpolation :{
				type : 'linear'
			}
        },
        reportDuration:{
           startValue:1,
           endValue:1,
		   interpolation :{
				type : 'spline',
				tangente:[10,-10]
			}
        },
		key:[{
			value:150,
			duration:3000,
			interpolation :{
				type : 'spline',
				tangente:[,]
			}
		}]
	},{
		effect:'backgroundColor',
		startValue:'#993537',
        reportProportion:{
           startValue:1,
           endValue:1,//soit un chiffre ou str
		   interpolation :{
				type : 'spline',
				tangente:[2,-2]
			}
        },
        reportDuration:{
           startValue:1,//tjrs sup a 0
           endValue:1,//soit un chiffre ou str
		   interpolation :{
				type : 'spline',
				tangente:[2,-2]
			}
        },
        reportVariation:{
           startValue:0,//tjrs sup a 0
           endValue:0,//soit un chiffre ou str
		   interpolation :{
				type : 'spline',
				tangente:[200,-200]
			}
        },
		key:[{
            value:'#9E3638',
			duration:3000,
            interpolation :{
				type : 'sinus',
				revolution:2
			}
        },{
            value:'#993537',
			duration:3000,
            interpolation :{
				type : 'sinus',
				revolution:2
			}
        }]
   }]
}];
function init(){
   new Dynamique.createAnimations(structureAnimations,5);
   Dynamique.animation['PEDAGOGIE'].addPlayer('PEDAGOGIE',[{
		element :'test1'
	},{
		element :'test2'
	},{
		element :'test3'
	},{
		element :'test4'
	},{
		element :'test5'
	},{
		element :'test6'
	},{
		element :'test7'
	},{
		element :'test8'
	},{
		element :'test9'
	}]);
   Dynamique.animation['PEDAGOGIE'].play('PEDAGOGIE');
}
 </script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script language = "JavaScript">
<!--
//PLF-http://www.jejavascript.net/
window.moveTo(0,0) //place la page en haut à gauche de l'écran
window.resizeTo(screen.width,(screen.height-25)) //ouvre la page à la taille de l'écran(-25 pixels en largeur)
if ((screen.width <= 800) && (screen.height <= 600)) {
document.write("<style>.lienmenu { font-family: arial; font-size: 14px; position: absolute; width: 200px;visibility:hidden; z-index: 2;}</style>");
}
else {
document.write("<style>.lienmenu { font-family: arial; font-size: 18px; position: absolute; width: 200px;visibility:hidden; z-index: 2;}</style>");
}


window.setTimeout("sens()", 20000);
window.setTimeout("sens2()",40000);
function sens(){
deg_rot =Math.PI / -180;
window.setTimeout("sens()", 40000);
}
function sens2(){
deg_rot =Math.PI / 180;
window.setTimeout("sens2()", 40000);
}

function menu_roue() {
for (var i = 0; i < dep.length; i++) {
dep[i] += deg_rot; objlien[i].visibility = 'visible';
objlien[i].left = (rayon * Math.cos(dep[i])) + cent_larg
objlien[i].top = (rayon * Math.sin(dep[i])) + cent_long;
}
vit_roue = setTimeout("menu_roue()", 100);
}

function creer_objlien() {
objlien = new Array(lienmenu1, lienmenu2, lienmenu3, lienmenu4, lienmenu5, lienmenu6, lienmenu7);
dep = new Array();
dep[0] = 0;
for (var i = 1; i < objlien.length; i++) {
dep[i] = parseFloat(dep[i - 1] + ((2 *Math.PI) / objlien.length));
}
menu_roue();
}
function mouss_stop() {
deg_old=deg_rot;
deg_rot=0
}
function mouss_start() {
deg_rot=deg_old;
}


var deg_rot =Math.PI / 180; // Math.PI / -180 rotation inversée
var rayon = ((screen.height)/4);
var cent_larg = ((screen.width)/2)-60;
var cent_long = ((screen.height)/2)-rayon/2;
var objlien;
var dep;
//-->
</script>
/HEAD

BODY 

code pour mon animation avec le 2e script

<script language = "JavaScript">
<!--
//PLF-http://www.jejavascript.net/
var lienmenu1 = eval(document.getElementById("lienmenu1").style);
var lienmenu2 = eval(document.getElementById("lienmenu2").style);
var lienmenu3 = eval(document.getElementById("lienmenu3").style);
var lienmenu4 = eval(document.getElementById("lienmenu4").style);
var lienmenu5 = eval(document.getElementById("lienmenu5").style);
var lienmenu6 = eval(document.getElementById("lienmenu6").style);
var lienmenu7 = eval(document.getElementById("lienmenu7").style);


creer_objlien();
//-->
</script>
<script type="text/javascript">
<!--
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>

/BODY


Pourriez-vous m'aider et me dire si on peut les faire fonctionner?

Merci
[/i][/i][/i][/i][/i][/i][/i]