Utilisation de noconflit() pour différentes versions de jquery [Résolu]

[hybrid59]

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 :

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]

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]

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

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

[SpaceFrog]

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

[hybrid59]

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]

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

[hybrid59]

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]

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

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

[hybrid59]

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]

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]

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 :

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]

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 :

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]

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 :

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]

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