Discussion :

[Christophe Charron]

Bonjour,
je voudrais utiliser plusieurs plugins dans une même page, à savoir le layout disponible ici http://layout.jquery-dev.net/ et le treeview disponible ici http://www.jstree.com/ mais je n'arrive pas à les faire cohabiter...

Voir ici http://test03.christophe-charron.org..._layout_04.php

Indépendamment, ils fonctionnent :
http://test03.christophe-charron.org...e_1_0-rc3.html et http://test03.christophe-charron.org...e_1_0-rc3.html pour le treeview

http://test03.christophe-charron.org..._layout_03.php pour le layout.

J'ai d'abord pensé à des incompatibilités de versions de jquery le layout 1.3.0 – rc30.6 s'appuyant sur une version 1.7.1 de jquery (la version 1.3.0 – rc30.7 à venir corrigeant des problèmes de compatibilité avec jquery 1.8)
Mais non car j'ai utilisé la même version de jquery pour le treeview et cela fonctionne.

Je pense donc vers les css qui s'annihileraient mais en regardant dans chrome l'empilement des styles du treeview contenu dans le panneau ouest de ma page d'essai, rien ne me semble anormal.

Mais en fait peut-être essaie-je de faire quelque chose qui est impossible.
D'avance, merci pour vous remarques, conseils et pistes.

[SpaceFrog]

cf. noconflict()
http://api.jquery.com/jQuery.noConflict/

[Christophe Charron]

Bonjour,

clairement l'utilisation de jQuery.noConflict(true); change la donne, mais un peu trop drastiquement :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
jQuery.noConflict(true);
 
    // code using jQuery
    $("#TV_general").jstree();
    $("#TV_general").jstree({
        "themes" : {
            "dots" : false,
            "icons" : true
        },
		"plugins" : [ "themes", "html_data","ui" ]
	 });

ou

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
jQuery.noConflict(true)(function(){
    // code using jQuery
    $("#TV_general").jstree();
 
    $("#TV_general").jstree({
        "themes" : {
            "dots" : false,
            "icons" : true
        },
		"plugins" : [ "themes", "html_data","ui" ]
	 });
 
});

ou simplement

Code :

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

1
2
3
4
jQuery.noConflict(true);
 
    // code using jQuery
    $("#TV_general").jstree();

ne construisent plus du tout de treeview (l'inspecteur montre une liste classique)
http://test03.christophe-charron.org..._layout_05.php
Il me semble que l'arbre est bien construit dans http://test03.christophe-charron.org..._layout_04.php et c'est pour cela que je penchais plus pour un problème de CSS que pour un problème de construction Jquery ... mais je ne suis que débutant de chez newbie

[Christophe Charron]

Pardon pour le bruit.
C'était bien une css qui était en cause.
La mienne qui fonctionnait bien de manière autonome mais est vraisemblablement incompatible avec les autres ...
http://test03.christophe-charron.org..._layout_04.php
Mea culpa mea maxima culpa