Javascript et SSL

Bonjour à tous.

Voila j'ai un petit soucis avec mon site.

en fait j'utilise un menu animé utilisant du langage Javascript.

La ou cela pose soucis, c'est que si je me connecte en SSL (donc https) sur mon site avec IE (firefox pas de problème), Celui-ci me signale que des éléments du site ne sont pas sécurisés.

En revanche, si j'enlève la ligne qui fait référence à un des javascript utilisé pour les menus, le message n'apparaît plus mais dans ce cas mon menu animé ne marche plus :fou:

j'ai beau chercher, impossible de trouver une solution

alors si quelqu'un a un début de piste je suis preneur

merci :)

Bonjour,

Citation:

Envoyé par Shuriskn

En revanche, si j'enlève la ligne qui fait référence à un des javascript utilisé pour les menus, le message n'apparaît plus

on peut voir ce code (le code lui-même, pas seulement l'appel) ?

A+

l'appel :

Code:

<script language="JavaScript" type="text/javascript" src="menu.js"></script>

le code :

Code:

1
2
3
	window.addEvent('domready', function(){
		var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:90});
	});

qui va aussi avec cet autre javascript

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
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
 
//var myNav = new ImageNav($$('#kwick .kwick'),180,onClick function);
var ImageMenu = new Class({
 
	initialize: function(myElements,options){
		options = Object.extend({
			onClick: Class.empty,
			start: -1,
			openWidth: 0,
			smallWidth: 0,
			itemWidth: 0,
			selected: -1,
			open: -1
		}, options || {});
 
		this.myElements = myElements;
		this.options = options;
 
		options.itemWidth = myElements[0].getStyle('width').toInt();
		options.smallWidth = Math.round(((options.itemWidth*myElements.length)-options.openWidth)/(myElements.length-1));
 
		var fx = new Fx.Elements(myElements, {wait: false, duration: 400, transition: Fx.Transitions.quadOut});
 
		myElements.each(function(el, i){
			el.addEvent('mouseover', function(e){
				e = new Event(e).stop();
				el.show();
			});
 
			el.addEvent('click', function(e){
				el.select();
			});
 
			el.addEvent('mouseout', function(e){
				e = new Event(e).stop();
				el.hide();
			});
 
			el.show = function(){
				var obj = {};
				obj[i] = {'width': [el.getStyle('width').toInt(), options.openWidth]};
				myElements.each(function(other, j){
					if (other != el){
						var w = other.getStyle('width').toInt();
						if (w != options.smallWidth) obj[j] = {'width': [w, options.smallWidth]};
					}
				});
				fx.start(obj);
			};
 
			el.hide = function(){
				var obj = {};
				if(options.selected == -1){
					myElements.each(function(el,i){
						obj[i] = {'width': [el.getStyle('width').toInt(), options.itemWidth]};	
					});
				}else{
					myElements.each(function(el,i){
						if(i != options.selected){
							var w = el.getStyle('width').toInt();
							if(w != options.smallWidth){obj[i] = {'width': [w, options.smallWidth]}};
						}else{
							obj[i] = {'width': [el.getStyle('width').toInt(), options.openWidth]};
						}
					});
				}
				fx.start(obj);
			};
 
			el.select = function(){
				if(options.selected == i){options.selected = -1}else{options.selected = i}
				options.onClick(options.selected,options.open);
				options.open = options.selected;
			};
		});
 
		if(options.start != -1){
			myElements[options.start].show();
			myElements[options.start].select();
		}
	},
 
	reset: function(){
		this.options.selected = -1;
		this.options.open = -1;
		this.myElements.each(function(el, i){
			el.hide();
		});
	}
 
});