Bonjour � tous,

je me suis pench� sur un code en open source de chat communautaire qui se nomme AjaxIM, depuis hier j'ai r�ussi � modifier le javascript pour que la connexion soit automatique et qu'il s'adapte sans probl�me � mon programme

mais je me heurte a un dernier probl�me en effet... lorsque je l'int�gre � ma page, il marche parfaitement mais me d�sactiv� tous les autres javascript du site, j'ai un menu d�roulant en javascript qu'il d�sactive, une galerie image en javascript, qu'il d�sactive aussi...

pensez- vous que cela est un lien avec le z-index ( je viens de v�rifier ca n'en a pas l'air ! si jele modifie on obtiens le m�me probleme... ) , ou d'o� cela peut-il venir ?

peut-etre un probl�me de focus() ? je ne connais pas du tout les interf�rence de javascript, si vous pouvez juste me mettre sur des pistes, je ferai les recherches :p

j'ai remarquer en faisant des tests, que si j'enl�ve mon second javascript galerie image, il marche mieux, et si je le laisse, il me fait disparaitre carr�ment tout. il y a donc une sacr� interf�rence entre les deux syst�me...

merci de votre avis, si vous avez des questions je suis dans les parages...

Merci, et Bonne journ�e.

B.

je vous met en ligne le code qui se trouve etre la gallerie qui d�sactive mon autre partie, il d�sactive totalement l'AJAX qui sert au chat communautaire...

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
 
var ImageMenu = new Class({
 
	getOptions: function(){
		return {
			onOpen: false,
			onClose: Class.empty,
			openWidth: 200,
			transition: Fx.Transitions.quadOut,
			duration: 400,
			open: null,
			border: 0
		};
	},
 
	initialize: function(elements, options){
		this.setOptions(this.getOptions(), options);
 
		this.elements = $$(elements);
 
		this.widths = {};
		this.widths.closed = this.elements[0].getStyle('width').toInt();
		this.widths.openSelected = this.options.openWidth;
		this.widths.openOthers = Math.round(((this.widths.closed*this.elements.length) - (this.widths.openSelected+this.options.border)) / (this.elements.length-1))
 
 
		this.fx = new Fx.Elements(this.elements, {wait: false, duration: this.options.duration, transition: this.options.transition});
 
		this.elements.each(function(el,i){
			el.addEvent('mouseenter', function(e){
				new Event(e).stop();
				this.reset(i);
 
			}.bind(this));
 
			el.addEvent('mouseleave', function(e){
				new Event(e).stop();
				this.reset(this.options.open);
 
			}.bind(this));
 
			var obj = this;
 
			el.addEvent('click', function(e){
 
				if(obj.options.onOpen){
					new Event(e).stop();
					if(obj.options.open == i){
						obj.options.open = null;
						obj.options.onClose(this.href, i);
					}else{
						obj.options.open = i;
						obj.options.onOpen(this.href, i);
					}
 
 
				}
 
			})
 
		}.bind(this));
 
		if(this.options.open){
			if($type(this.options.open) == 'number'){
				this.reset(this.options.open);
			}else{
				this.elements.each(function(el,i){
					if(el.id == this.options.open){
						this.reset(i);
					}
				},this);
			}
		}
 
	},
 
	reset: function(num){
		if($type(num) == 'number'){
			var width = this.widths.openOthers;
			if(num+1 == this.elements.length){
				width += this.options.border;
			}
		}else{
			var width = this.widths.closed;
		}
 
		var obj = {};
		this.elements.each(function(el,i){
			var w = width;
			if(i == this.elements.length-1){
				w = width+5
			}
			obj[i] = {'width': w};
		}.bind(this));
 
		if($type(num) == 'number'){
			obj[num] = {'width': this.widths.openSelected};
		}
 
		this.fx.start(obj);
	}
 
});
 
ImageMenu.implement(new Options);
ImageMenu.implement(new Events);