Utilisation de noconflit() pour différentes versions de jquery

**hybrid59** · 23/03/2011, 13h32

Bonjour à tous,

Si je viens solliciter votre aide, c’est parce que je tourne en rond depuis un moment sur l’utilisation de la fonction noconflict de jquery .
Voila mon problème je mets à jour graphiquement un site d’e-commerce utilisant zen cart (vieux de 7 ans) . Je souhaite donc ajouter des effets graphiques plus poussés en utilisant des plugins jquery.

Mais forcément ces plugins rentre en conflit avec la version de Jquery utilisé actuellement sur le site ou bien tout simplement entre eux.

Alors pour éviter de mettre le zouk sur le site je m’exerce à l’utilisation de cette fonction sur un exemple en local, et je n’y arrive déjà pas.

Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 <!--   1er plugin jquey -->
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/menu.js" type="text/javascript"></script>
 
 
 <!--   2eme plugin jquey --> 
<script type="text/javascript" src="js/jquery1.2.3.js"></script>
<script>
    jq123 = jQuery.noConflict(true);
</script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
<script type="text/javascript">
	jq123(document).ready(function(){	
			jq123("#slider").easySlider({
				auto: true, 
				continuous: true,
				numeric: true
			});
		});	
	</script>

Voila si quelqu’un pouvait m’explique se que je fais de mal, et aussi comment faire s’il y a plusieurs conflits. Je préfère prévenir je n’ai pas de réelle connaissance en jquery.
Merci d’avance à tous pour vos réponses.

**SpaceFrog** · 23/03/2011, 13h57

qu'est ce que tu fais de mal ?
utiliser plusieurs versions de jquery ...
utilise juste la plus récente !
C'est un non sens d'utiliser différentes versions

**hybrid59** · 23/03/2011, 15h28

J'ai pas réellement le choix...

Mais je sais que c 'est possible, alors pourquoi me priver de cette possibilité ?

**SpaceFrog** · 23/03/2011, 15h35

je ne vois pas ce qui t'empeche d'avoir le choix ...

**hybrid59** · 23/03/2011, 15h50

Parce que le site utilise une multitude d'effets spécifique en jquery 1.2.6,

Que dois-je faire abandonner tout ces effets pour passer à une version plus récente de jquery....

**SpaceFrog** · 23/03/2011, 16h02

pourquoi abandonner ?
de plugins non compatibles ?
suffit de reactualiser ton code ...

**hybrid59** · 23/03/2011, 16h14

Envoyé par SpaceFrog

pourquoi abandonner ?
de plugins non compatibles ?
suffit de reactualiser ton code ...

Sa va être compliqué j'y connais pas grand chose à javascript...
Je suis graphiste pas webmaster, Le CSS et le HTML je connais, je sais me servir de plugins jquery ou autres, mais sa s’arrête la.

Alors pas question pour moi de réécrire des scripts jquery.

**SpaceFrog** · 23/03/2011, 16h26

hé oui c'est un métier ...

tu devrais pouvoir trouver des mises à jour de tes plugins ??

**hybrid59** · 23/03/2011, 16h43

Envoyé par SpaceFrog

tu devrais pouvoir trouver des mises à jour de tes plugins ??

Possible pour 2 ou 3 plugins, le reste à était développé spécifiquement pour le site, donc c 'est l'impasse de se côté là...

**SpaceFrog** · 23/03/2011, 16h50

ce serait surprenant que d'une version à l'autre y'a pas moyen de les faire tourner ...
regarde plutot ce qui plante et viens nous le monter y'a pas de raison que ça soit pas updatable

**hybrid59** · 30/03/2011, 20h14

Je suis de retour pardon pour cette réponse tardive, j'ai eu une semaine de dingue, bref revenons à nos moutons.

Pour mon problème de compatibilité j'ai un peu simplifié les choses en réduisant le nombre d'effets sur le site.il en reste à metter obligatoirement, le premier est un effet de liens "actif".

J'ai pour cela placer ce plugins sur mon site.

Mais rien à faire je n'arrive pas à le faire marcher. Je vous donner le code de mon header :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </script> 
<script type="text/javascript" src="includes/templates/tirages/jscript/jquery/jquery-1.2.6.js"></script>
 
<!-- script Page active -->
<script type="text/javascript" src="includes/templates/tirages/jscript/active/active.js"></script>
 
<!-- script accordeon -->
<script type="text/javascript" src="includes/templates/tirages/jscript/accordeon/accordeon2.js"></script>
<script type="text/javascript" src="includes/templates/tirages/jscript/javascript.js"></script>
<script type="text/javascript" src="includes/templates/tirages/jscript/Carousel.js"></script>
<script type="text/javascript" src="includes/templates/tirages/jscript/jquery.ui-1.5.2/ui/ui.core.js"></script>
<script type="text/javascript" src="includes/templates/tirages/jscript/jquery.ui-1.5.2/ui/ui.tabs.js"></script>
<script type="text/javascript" src="includes/templates/tirages/jscript/swfobject/swfobject.js"></script>
<script type="text/javascript" src="includes/templates/tirages/jscript/jscript_tirages.js"></script>
<script type="text/javascript" src="includes/modules/pages/index/jscript_core_swf_min.js"></script>
<script type="text/javascript" src="includes/modules/pages/index/jscript_handlers.js"></script>
<script language="javascript" type="text/javascript">
	var ltie6 = $.browser.msie && /MSIE (6\.)/.test(navigator.userAgent);
	var swfu;
	var transTime = 1000;
 
	$(function(){
		$('#heading').click(function(){
			$(this).slideUp(transTime);
			$('#userfileForm').slideDown(transTime);
		});	
	});
 
	$(document).ready(function(){
		$('#heading').css('display','block');
		$('#userfileForm').hide();
 
		/* Jquery UI Tabs */
		$("#teaseWrap > ul").tabs({ fx: { opacity: 'toggle' } });
		$('.selector').tabs({ selected: 0 });
 
		/* loadSwfUpload();*/  /* commenter cette ligne pour repasser en upload classique */
	});
 
</script>
 
 
<script type="text/javascript">
	$(document).ready(function(){
		$('#mainMenu').activeMenu();
	});
</script>

C'est un peu fouillis mais je suis là pour vous donner de plus amples explications si besoin.

Encore merci pour votre aide.

**danielhagnoul** · 04/04/2011, 12h32

Bonjour

Quelle salade ! Cette façon de faire ne peut conduire qu'à des catastrophes.

Pour utiliser jQuery et jQuery UI, il suffit d'inclure les codes suivants, voir : http://www.developpez.net/forums/d10...11-disponible/

Puis inclure les plugins et widgets jQuery, ensuite vos codes.

Pour le contenu de $(document).ready(function(){ ou en abrégé $(function(){, il faut mettre de l'ordre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script>
    $(function(){
        var ltie6 = $.browser.msie && /MSIE (6\.)/.test(navigator.userAgent);
        var swfu;
        var transTime = 1000;
 
        $('#heading').click(function(){
            $(this).slideUp(transTime);
            $('#userfileForm').slideDown(transTime);
        });    
 
        $('#heading').css('display','block');
        $('#userfileForm').hide();
 
        /* Jquery UI Tabs */
        $("#teaseWrap > ul").tabs({ fx: { opacity: 'toggle' } });
        $('.selector').tabs({ selected: 0 });
 
        /* loadSwfUpload();*/  /* commenter cette ligne pour repasser en upload classique */
 
        $('#mainMenu').activeMenu();
    });
</script>

**hybrid59** · 06/04/2011, 12h46

Un grand merci à toi.

Encore une petite chose et on en aura terminer.

Sur le site il y un petit carrousel, une image et 2 boutons " image précédente" et " image suivante" qui permette de passer d'une images à l'autre.

Sur l'ancienne version du site il y avait un seul carrousel de 3 images, maintenant le client en demande 4 avec un nombre variables d’images ( de 4 à 6 selon le carrousel). il me faut donc votre aide pour améliorer le script existant que voici.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
34
35
36
37
38
39
function init_caisse() {
 
$('#face').hide();
$('#dos').hide();
$('#voir_last').hide();
$('#voir_next').click(function () {
	if (visuel_caisse == 0) {
		visuel_caisse = 1;
		$('#face').show();
	        $('#dos').hide();
		$('#profil').hide();
		$('#voir_last').show();
	}
	else if (visuel_caisse == 1) {		
		visuel_caisse = 2;
		$("#profil").hide();
		$('#face').hide();
		$('#dos').show();
        	$('#voir_next').hide();
	}
});
 
$('#voir_last').click(function () {
	if (visuel_caisse == 1) {
                visuel_caisse = 0;
                $('#face').hide();
                $('#dos').hide();
                $('#profil').show();
                $('#voir_last').hide();
        }
        else if (visuel_caisse == 2) {
                visuel_caisse = 1;
                $("#profil").hide();
                $('#face').show();
                $('#dos').hide();
                $('#voir_next').show();
        }
});
}

Comment faire pour avoir plus d'images et plusieurs carrousel ? il fonctionne avec jquery 1.26

Encore un énorme merci à tous, sans votre aide je serai totalement perdu.

**hybrid59** · 09/04/2011, 18h22

Bon j'ai réussi à résoudre tout mes problèmes merci pour votre aide

Utilisation de noconflit() pour différentes versions de jquery

jQuery

Discussions similaires

Partager

Partager