Comment désactiver javascript pour IE dans sa page.

Version imprimable

Bonjour à tous,

Je suis nouveau sur le forum, et j'espère ne pas m'être tromper de section. Ou reposer la même, mais après une brève recherche. Je n'ai rien trouver à ce sujet.

Voila mon problème :
Sur mon site www.tho-massage.fr, j'utilise un petit script trouvé sur le net ( merci à l'auteur) pour rendre visible des DIV au passage de la souris sur une autre DIV.
Code:

1 2 3 4 5 6 7 8 9 10 <script type="text/javascript"></script>
Le problème est que sur IE cela s'affiche pas correctement.
J'ai remarqué qu'en désactivant les scripts sous IE,
le site s'affiche convenablement, sans certains styles CSS3 mais assez pour ne pas gâcher le graphisme et l'ergonomie du site.

Je me dis donc (peut être naïvement) qu'en forçant la désactivation des scripts sur les navigateur IE des visiteurs j'éviterai ce genre de problème.

Mais connaissance ce limitant au HTML et CSS, niveau débutant. Auriez vous une ébauche de solution ? Le script est peut être mal écris ?

Merci d'avance pour votre aide.

28/07/2010, 10h45
SpaceFrog

Ne pas confondre java et javascript !!!
Ce ne sont que de lointains cousins

Tu ne peux pas forcer l'aéctivation ou la desactivation de js, c'est à la discrétion du client.

tu peux détecter si js est activé ou pas (plusieurs methodes possibles)
tu peux aussi utiliser les balises noscript .

Citation:
Envoyé par Tho Massage
Code:

1 2 3 4 5 6 7 8 9 10 <script type="text/javascript"></script>
Juste une remarque : je me demande si créer un objet JSON appelé DIV (comme le nom de la balise) est bien judicieux :koi:

Surtout qu'avec IE on a souvent des surprises si on crée un objet portant le même nom qu'un objet HTML.

28/07/2010, 11h05
Tho Massage

Merci

Merci pour ces éléments de réponse, je vais chercher du côté des balise noscript.
Je vous tiens au courant
Pour ce qui du script, puis je remnplcer DIV= par autre chose qui ne serait pas un élément html ?

Résolution

Après une petite recherche dans mon CSS j'ai supprimer
l'attribut
behavior: url(script/border-radius.htc);
que j'avais trouvé sur le net pour faire les bords arrondis pour IE

voici le script :

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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
--Do not remove this if you are using--
Original Author: Remiz Rahnas
Original Author URL: http://www.htmlremix.com
Published date: 2008/09/24
 
Changes by Nick Fetchak:
- IE8 standards mode compatibility
- VML elements now positioned behind original box rather than inside of it - should be less prone to breakage
Published date : 2009/11/18
 
 
<public:attach event="oncontentready" onevent="oncontentready('v08vnSVo78t4JfjH')" />
<script type="text/javascript">
 
// findPos() borrowed from http://www.quirksmode.org/js/findpos.html
function findPos(obj) {
	var curleft = curtop = 0;
 
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
 
	return({
		'x': curleft,
		'y': curtop
	});
}
 
function oncontentready(classID) {
  if (this.className.match(classID)) { return(false); }
 
	if (!document.namespaces.v) { document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); }
 
	this.className = this.className.concat(' ', classID);
	var arcSize = Math.min(parseInt(this.currentStyle['-moz-border-radius'] ||
	                                this.currentStyle['-webkit-border-radius'] ||
	                                this.currentStyle['border-radius'] ||
	                                this.currentStyle['-khtml-border-radius']) /
	                       Math.min(this.offsetWidth, this.offsetHeight), 1);
	var fillColor = this.currentStyle.backgroundColor;
	var fillSrc = this.currentStyle.backgroundImage.replace(/^url\("(.+)"\)$/, '$1');
	var strokeColor = this.currentStyle.borderColor;
	var strokeWeight = parseInt(this.currentStyle.borderWidth);
	var stroked = 'true';
	if (isNaN(strokeWeight)) {
		strokeWeight = 0;
		strokeColor = fillColor;
		stroked = 'false';
	}
 
	this.style.background = 'transparent';
	this.style.borderColor = 'transparent';
 
	// Find which element provides position:relative for the target element (default to BODY)
	var el = this;
	var limit = 100, i = 0;
	while ((typeof(el) != 'unknown') && (el.currentStyle.position != 'relative') && (el.tagName != 'BODY')) {
		el = el.parentElement;
		i++;
		if (i >= limit) { return(false); }
	}
	var el_zindex = parseInt(el.currentStyle.zIndex);
	if (isNaN(el_zindex)) { el_zindex = 0; }
	//alert('got tag '+ el.tagName +' with pos '+ el.currentStyle.position);
 
	var rect_size = {
		'width': this.offsetWidth - strokeWeight,
		'height': this.offsetHeight - strokeWeight
	};
	var el_pos = findPos(el);
	var this_pos = findPos(this);
	this_pos.y = this_pos.y + (0.5 * strokeWeight) - el_pos.y;
	this_pos.x = this_pos.x + (0.5 * strokeWeight) - el_pos.x;
 
	var rect = document.createElement('v:roundrect');
	rect.arcsize = arcSize +'px';
	rect.strokecolor = strokeColor;
	rect.strokeWeight = strokeWeight +'px';
	rect.stroked = stroked;
	rect.style.display = 'block';
	rect.style.position = 'absolute';
	rect.style.top = this_pos.y +'px';
	rect.style.left = this_pos.x +'px';
	rect.style.width = rect_size.width +'px';
	rect.style.height = rect_size.height +'px';
	rect.style.antialias = true;
	rect.style.zIndex = el_zindex - 1;
 
	var fill = document.createElement('v:fill');
	fill.color = fillColor;
	fill.src = fillSrc;
	fill.type = 'tile';
 
	rect.appendChild(fill);
	el.appendChild(rect);
 
	var css = el.document.createStyleSheet();
	css.addRule("v\\:roundrect", "behavior: url(#default#VML)");
	css.addRule("v\\:fill", "behavior: url(#default#VML)");
 
	isIE6 = /msie|MSIE 6/.test(navigator.userAgent);
	// IE6 doesn't support transparent borders, use padding to offset original element
	if (isIE6 && (strokeWeight > 0)) {
		this.style.borderStyle = 'none';
		this.style.paddingTop = parseInt(this.currentStyle.paddingTop || 0) + strokeWeight;
		this.style.paddingBottom = parseInt(this.currentStyle.paddingBottom || 0) + strokeWeight;
	}
 
	if (typeof(window.rounded_elements) == 'undefined') {
		window.rounded_elements = new Array();
 
		if (typeof(window.onresize) == 'function') { window.previous_onresize = window.onresize; }
		window.onresize = window_resize;
	}
	this.element.vml = rect;
	window.rounded_elements.push(this.element);
}
 
function window_resize() {
	if (typeof(window.rounded_elements) == 'undefined') { return(false); }
 
	for (var i in window.rounded_elements) {
		var el = window.rounded_elements[i];
 
		var strokeWeight = parseInt(el.currentStyle.borderWidth);
		if (isNaN(strokeWeight)) { strokeWeight = 0; }
 
		var parent_pos = findPos(el.vml.parentNode);
		var pos = findPos(el);
		pos.y = pos.y + (0.5 * strokeWeight) - parent_pos.y;
		pos.x = pos.x + (0.5 * strokeWeight) - parent_pos.x;
 
		el.vml.style.top = pos.y +'px';
		el.vml.style.left = pos.x +'px';
	}
 
	if (typeof(window.previous_onresize) == 'function') { window.previous_onresize(); }
}
</script>

Il y a peut être des erreurs dans ce script ce qui déboussole IE
Merci encore de votre aide.

28/07/2010, 13h35
Watilin
Salut,
tu peux détecter la présence d’IE en testant l’existance de certains objets spéciaux, qu’il est le seul à implémenter, par exemple document.all.
C’est plus fiable et plus lisible que les habituels tests sur la user-agent string.
Code:

1 2 3 4 5 6 7 8 9 if (document.all) { // seulement IE } else { // autres navigateurs };
Pour être plus efficace, ne faire le test qu’une fois, en début de script :
Code:

1 2 3 4 var IE = !!document.all; if (IE) { // …
;)