Compatibilie IE6 - style.background et regexp

Version imprimable

21/12/2008, 00h42
keaton7

Compatibilie IE6 - style.background et regexp

Bonjour,

J'utilise une propriete qui passe bien sous firefox, mais aps sur IE6. Voici l'extrait qui pose probleme.

Code:

champ.style.background = "url("+extraireServeurPath()+"style/images/tinyApply.png) no-repeat right";

"champ" est un parametre de la fonction, il vaut le this du input selectionne.

L'erreur est la suivante :

Citation:

Valeur de propriete non valide

J'imagine qu'il s'agit du style.background.

Merci pour votre aide.

Bonsoir,

Et si tu met :
Code:

1 2 3 champ.style.backgroundImage = "url("+extraireServeurPath()+"style/images/tinyApply.png)"; champ.style.backgroundRepeat = "no-repeat"; champ.style.backgroundPosition = "right";
?

C'est bête mais avec IE6 je pense qu'il vaut mieux aller petit à petit ...

C'est pareil, je poste la totalite du script que j'ai ecris, ce sera plus simple pour debugger :

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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
 
 
// ------------------------
// COULEURS DES CHAMPS 
// ------------------------
 
var couleurValide = "orange";
var couleurInvalide = "grey";
 
 
// ------------------------
// URL
// ------------------------
 
 
var complementURL = "local/";
//var complementURL = "www/";
 
function extraireServeurPath() {
 
	var path = document.location.href;
	var reg = new RegExp("^(http\:\/\/[A-Za-z0-9\.\-]{1,30}\/)", "g");
	var server = path.split(reg)[1];
 
	return server+complementURL
 
}
 
// ------------------------
// EXPRESSIONS RATIONNELLES
// ------------------------
 
function definirType(type) {
 
	switch(type) {
		case "texte" :
			var pattern = "^[A-Za-z\ \-]{1,20}$";
			break;
		case "numerique" :
			var pattern = "^[0-9\.]{1,20}$";
			break;
		case "alphanumerique" :
			var pattern = "^[A-Za-z0-9\.\-\_\ \']{1,50}$";
			break;
		case "liste" :
			var pattern = "^[A-Za-z\ \.\,\-\;\_\:]{1,50}$";
			break;
		case "date" :
			var pattern = "^[0-9]{2}/[0-9]{2}/[0-9]{4}$";
			break;
		case "telephone" :
			var pattern = "^[0-9]{10}$";
			break;
		case "cp" :
			var pattern = "^[0-9]{5}$";
			break;
		case "email" :
			var pattern = "^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,3}$";
			break;
		default :
			alert('Type de champ invalide !')
			break;
	}
 
	return pattern
 
}
 
// ------------------------
// FONCTION DE VERIFICATION
// ------------------------
 
function verificationChamp(champ,type) {
 
	var expression = new RegExp(definirType(type))
 
	if (expression.test(champ.value)) {
		champ.style.color = couleurValide;
		//champ.style.background = "url("+extraireServeurPath()+"style/images/tinyApply.png) no-repeat right";
		champ.style.backgroundImage = "url("+extraireServeurPath()+"style/images/tinyApply.png)";
		champ.style.backgroundRepeat = "no-repeat";
		champ.style.backgroundPosition = "right";
 
 
	}  else {
 		champ.style.color = couleurInvalide;
 		champ.style.backgroundImage = "url("+extraireServeurPath()+"style/images/tinyApply.png)";
		champ.style.backgroundRepeat = "no-repeat";
		champ.style.backgroundPosition = "right";
		//champ.style.background = "url("+extraireServeurPath()+"style/images/tinyCross.png) no-repeat right";
	}
 
}
 
 
// ------------------------
// VERIFICATION GLOBALE DU FORMULAIRE
// ------------------------
 
function verificationGlobale(nomFormulaire,tabChamps) {
 
	for (var i=0;i<=count(tabChamps);i++) {
		alert(tabChamps[i])
	}
 
}

HTML

Code:

1
2
3
4
5
 
 <tr>
   <td class='toto'>Nom </td>
   <td><input type='text' value='{$_SESSION['client']->nomClient}' onClick='this.value="";' onBlur='verificationChamp(this,"texte")' name='nomClient' /></td>
 </tr>

En fait, j'ai l'impression qu'il n'aime pas "style.color" ET les histoire de background. Est ce parce que j'applique une image background a un input ...

21/12/2008, 11h44
Macmillenium

Bonjour,

Pourrait-tu nous poster ton code html aussi ?
Aucun problème a signaler entre style.background et IE6 ...
21/12/2008, 12h33
keaton7

Bien sur, j'edite le post ci-dessus pour que tout le code soit regroupe.
21/12/2008, 13h17
Macmillenium

Le problème vient de ta variable :

Code:

var couleurInvalide = "grey";

Il parait que IE6 ne reconnait pas la couleur "grey" il faut donc indiquer son code hexadecimal (#808080 selon ma petite lib). Sa devrait marcher.
21/12/2008, 13h31
keaton7

Effectivement, merci. De toute facon, les couleurs en texte ne sont pas standard ... Disons que c'est un mal pour un bien.

Il semble que ma fonction extrairePath pose probleme egalement pour l'affichage de l'image. En specifiant un path relatif, mon image s'affiche, mais il doit y avoir une difference dans l'interpretation de l'expression reguliere du path egalement ...
21/12/2008, 14h24
keaton7
C'est assez bizarre en fait, sur :
Code:

1 2 3 4 var path = document.location.href; var reg = new RegExp("^(http\:\/\/[A-Za-z0-9\.\-]{1,50}\/)"); var server = path.split(reg)[1];
alert(server) renvoi "undifined" sous IE6 et "http://localhost/" (mon serveur) sous firefox.

Une idee pour palier a ce probleme ?
22/12/2008, 10h21
Bovino

Citation:

Envoyé par Macmillenium

Le problème vient de ta variable :

Code:

var couleurInvalide = "grey";

Il parait que IE6 ne reconnait pas la couleur "grey" il faut donc indiquer son code hexadecimal (#808080 selon ma petite lib). Sa devrait marcher.

En fait, IE ne reconnait que "gray" alors que FF accepte "grey" ou "gray".
22/12/2008, 10h32
keaton7

Arf, si en plus on doit distinguer l'anglais et l'americain, on est pas sorti ... ^^