11548 sujets

JavaScript, DOM et API Web HTML5

[Résolu] Plusieurs librairies sur une page Web

Bonjour !

Question peut-être idiote ou naïve mais peut-on avoir plusieurs librairies JS dans une même page Web ? C'est-à-dire, puis-je appeler la librairie jQuery, Prototype et Scriptaculous dans une même page ?

Pourquoi ? Parce qu'un script m'intéresse et utilise jQuery et un autre m'intéresse et utilise Prototype et Scriptaculous...

A+

edit: sujet résolu
Modifié par Alphonse (17 Nov 2009 - 09:01)
Bonjour,

Jquery est fait pour marcher avec les autres librairie. Il doit seulement être chargé après les autres.
Ok, justement, elle était appelée avant les deux autres. Je vais essayer tout de suite.

Merci Smiley cligne
Désolé de ne répondre que maintenant mais je peux à nouveau m'occuper de mon site Internet !

Comme conseillé, j'ai placé l'appel de la librairie jQuery après l'appel des autres mais j'ai alors un message d'erreur javascript qui apparait : element.dispatchEvent is not a function

La ligne concernée est la suivante, elle appartient à une autre librairie : prototype.js.
element.dispatchEvent(event);

C'est déjà arrivé à quelqu'un ? Que dois-je faire ?

Merci d'avance !
Un détail qui a peut-être son importance, la librairie jQuery a été compressée c'est-à-dire que toutes les varibles et toutes les fonctions ont été renommées afin que le fichier prenne moins de place.

Voici à quoi ressemble l'appel de mes librairies :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1/prototype.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js"></script>
<script type="text/javascript" src="scripts/lightview.js"></script>

<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/jquery.lavalamp.js"></script>
<script type="text/javascript" src="scripts/jquery.easing.js"></script>

<script type="text/javascript">
	$(function() {
		$("#menu").lavaLamp({ fx: "backout", speed: 700 })
	});
</script>
C'est encore plus simple à constater avec ce code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

		<title>Erreur JavaScript</title>

		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1/prototype.js"></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.js"></script>

	</head>
	<body>
		Erreur JavaScript !
	</body>
</html>

Merci d'avance aux curieux Smiley cligne
Sujet clos
Aller à