Discussion :

[keaton7]

Bonjour,

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

Code :

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

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 :

Valeur de propriete non valide

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

Merci pour votre aide.

[Macmillenium]

Bonsoir,

Et si tu met :

Code :

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

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 ...

[keaton7]

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

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
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 :

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

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 ...

[Macmillenium]

Bonjour,

Pourrait-tu nous poster ton code html aussi ?
Aucun problème a signaler entre style.background et IE6 ...

[keaton7]

Bien sur, j'edite le post ci-dessus pour que tout le code soit regroupe.

[Macmillenium]

Le problème vient de ta variable :

Code :

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

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.

[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 ...

[keaton7]

C'est assez bizarre en fait, sur :

Code :

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

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 ?

[Bovino]

Le problème vient de ta variable :

Code :

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

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".

[keaton7]

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