Discussion :

[Shuriskn]

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

j'ai beau chercher, impossible de trouver une solution

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

merci

[E.Bzz]

Bonjour,

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+

[Shuriskn]

l'appel :

Code :

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

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

le code :

Code :

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

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

qui va aussi avec cet autre javascript

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
 
//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();
		});
	}
 
});