18008 sujets

Questions générales et questions de débutants

2 scripts java sript sur une meme page

bonjours a tous

y a t'il une solution pour faire cohabiter ensemble 2 scripts java sript sur une meme page ?
sachant que quand l'un est activé l'autre ne marche pas...
voici ces deux scripts :
merci!!!


                <!--script light-box-->
		<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
		<script type="text/javascript" src="js/prototype.js"></script> 
		<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> 
		<script type="text/javascript" src="js/lightbox.js"></script> 
		<!--fin script light-box-->

		<!--script slider-->
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#slider > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 7000, false);
			});
		</script>
		<!--fin script slider-->

Modifié par artichaudd (19 May 2010 - 09:14)
Hello,
je sais pas concernant prototype et scriptaculous, mais pour JQuery il y a la possibilité de gérer les conflits entre les différentes librairies inclues : cf ce lien (en anglais)

en espérant que ca t'aide.
En effet, c'est un problème de conflit entre les 2 librairies utilisées. La solution donnée par Avri permet de régler ce genre de problème.

En revanche la problème à la base est qu'il est fortement déconseillé d'utiliser plusieurs librairies sur un même site. Pour des raisons de conflit comme c'est le cas ici mais également pour une raison de rapidité de chargement et d'exécution de la page. Deux librairies JS à charger et interpréter c'est pas mal de boulot pour le navigateur pour souvent 2-3 lignes de code.

Les librairies JS sont réputées pour proposer des outils similaires. Il est certains que tu dois pouvoir unifier ton code pour n'utiliser qu'une seule des deux librairies. Smiley cligne
merci pour vos réponses et désolé pour ma réponse tardive
donc j'ai essayé de résoudre mon pb en cherchant un script de lightbox fonctionnant lui aussi avec jquery (donc même librairie)
mais ca ne marche pas mieux surement du au fait que ce n'est pas la même version de jquery
ou parce que je l'appelle 2 fois pour les deux script.
y aurait' il un moyen pour utilisé la même version de jquery pour les deux

merci
voici les scripts actuels :

		<!--script slider-->
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#slider > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 7000, false);
			});
		</script>
		<!--fin script slider-->
		
		<!-- script lightbox -->
		<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
		<script type="text/javascript" src="js/jquery.lightbox-function.js"></script>
		<!-- fin script lightbox -->
voila c'est chose faite je l'ai en commentaire (au cas ou!!!)
mais le pb persiste c'est surement du a la version de j query qui n'est pas la memepour les deux script
voyez vous ce que je peux faire merci
voici donc le new cod...avec le commentaire!

<!--script slider-->
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#slider > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 7000, false);
			});
		</script>
		<!--fin script slider-->
		
		<!-- script lightbox -->
		<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
		<!--<script type="text/javascript" src="js/jquery.js"></script>-->
		<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
		<script type="text/javascript" src="js/jquery.lightbox-function.js"></script>
		<!-- fin script lightbox -->

Modifié par artichaudd (19 May 2010 - 20:03)
bnon la j'ai changer encore une fois j'ai opté cette fois pour "prettyphoto"
qui utilise jquery 1.3
ca ne marche pas plus !
là j'ai laissé le code en entier, mais je dois enlever pour le deuxieme script les ligne d'appelle a jquery car il est déja appelé dans le premier script
je dois donc enlever c'est lignes là :
		<script src="http://www.google.com/jsapi" type="text/javascript"></script>
		<script type="text/javascript" >
			google.load("jquery", "1.3");
		</script>

ci c'est le cas je l'ai fis et ca ne marche pas plus,si quelqu'un a une idée ?!!!

voici le code en entier :
avec les lignes montrées plus haut



		<!--script slider-->
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#slider > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 7000, false);
			});
		</script>
		<!--fin script slider-->
		
		<!-- script prettyphoto -->
		<script src="http://www.google.com/jsapi" type="text/javascript"></script>
		<script type="text/javascript" >
			google.load("jquery", "1.3");
		</script>
		<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
		<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
		<!-- fin script prettyphoto -->
Sujet clos
Aller à