Prototype empêche d'autres script jquery de fonctionner correctement

[papisdoums]

Bonjour à tous,
J'utilise sur mon site 2 couple de librairies javascript dont prototype et effects pour qu'au click sur une rubrique on ait un un aperçu de contenu qui s'affiche en se déroulant en effet slide down et se fermer en effet slide up, le deuxième couple de librairies est jquery-1.4.4.min et slides.min.jquery qui me permettraient d'avoir une sorte de newslider automatique c'est à dire un affichage alterné et automatique de contenus. Cepandant, l'effet que permettent prototype et effects marche très bien mais l'effet de newslider ne fonctionne pas. Quand j'enlève prototype l'effet newslider marche alors j'en conclue que c'est prototype qui est incompatible avec les autres librairie. J'utilise aussi le script le script facebook qui permet d'afficher le fans de mon site mais il faut que je place prototype en dessous du script facebook pour que ce dernier s'affiche. l'adresse de mon site :http://www.webcom.sn

mes scripts d'appel des librairies :

Code html :

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
<script type="text/javascript" src="#CHEMIN{js/jquery-1.4.4.min.js}"></script>
<script type="text/javascript" src="#CHEMIN{js/slides.min.jquery.js}"></script>
 
	<script>
	$(function(){
			// Set starting slide to 1
			var startSlide = 1;
			// Get slide number if it exists
			if (window.location.hash) {
				startSlide = window.location.hash.replace('#','');
			}
			// Initialize Slides
			$('#slides').slides({
				preload: true,
				preloadImage: 'img/loading.gif',
				generatePagination: true,
				play: 5000,
				pause: 2500,
				hoverPause: true,
				// Get the starting slide
				start: startSlide,
				animationComplete: function(current){
					// Set the slide number as a hash
					window.location.hash = '#' + current;
				}
			});
		});
	</script>

Est ce quelqu'un aurait une solution?
Merci

[Bovino]

Il faut regarder du coté de jQuery.noconflict().

[papisdoums]

Merci Bovina
j'ai bien utiliser la fonction jQuery.noConflict() dans mon script jquery mais cela ne donne rien. Y'aurait-il autre chose à faire ou est ce que je l'ai mal utiliser. Ci-dessous mon code modifié avec la fonction jQuery.noConflict()

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
<script type="text/javascript" src="#CHEMIN{js/prototype.js}"></script>
<script type="text/javascript" src="#CHEMIN{js/effects.js}"></script>


<script type="text/javascript" src="#CHEMIN{js/jquery-1.4.4.min.js}"></script>
<script type="text/javascript" src="#CHEMIN{js/slides.min.jquery.js}"></script>
 
	<script>
	jQuery.noConflict();
	jQuery(document).ready(function(){
			// Set starting slide to 1
			var startSlide = 1;
			// Get slide number if it exists
			if (window.location.hash) {
				startSlide = window.location.hash.replace('#','');
			}
			// Initialize Slides
			jQuery('#slides').slides({
				preload: true,
				preloadImage: 'img/loading.gif',
				generatePagination: true,
				play: 5000,
				pause: 2500,
				hoverPause: true,
				// Get the starting slide
				start: startSlide,
				animationComplete: function(current){
					// Set the slide number as a hash
					window.location.hash = '#' + current;
				}
			});
		});
	</script>

Merci d'avance

[ABCIWEB]

prototype pose assez souvent des problèmes avec d'autres scripts.

A ta place j'essaierais plutôt de n'utiliser que jquery car il doit bien y avoir des modules qui font l'équivalent de tes fonctions prototype. Et au final ton code serait plus optimisé.

[kressly]

Salut

La fonction noconflict ne marche pas parce que tu n'utilises pas la derniere version.

1- Télécharger la dernière version de Jquery et tu pourras utiliser aussi bien jquery que autre bibliothèque.

2- Dans ton code personnel jquery (pas la bibliotheque jquery mais le code que tu as ecrit), remplace tout ce qui est $( par $jQuery exemple:

Code :

1
2
3
4
var $j = jQuery.noConflict();
 
     // Use jQuery via $j(...)
     $j(document).ready(function(){

3 - Jette un coup d'oeil ici pour plus de comprehension :

http://docs.jquery.com/Using_jQuery_...ther_Libraries

[Bovino]

Envoyé par kressly

La fonction noconflict ne marche pas parce que tu n'utilises pas la derniere version.

noConflict() existe depuis la toute première version de jQuery...

[kressly]

Envoyé par Bovino

noConflict() existe depuis la toute première version de jQuery...

Oui mais j'ai essayé d'utiliser ça avec les anciennes versions et scriptaculous mais ça n'a pas marché. Mais quand j'ai téléchargé la dernière version ça a marché.