incompatibilité d'humeur avec ie7 !

Version imprimable

bonsoir,
j'ai un soucis avec mon code,
il fonctionne presque partout sauf sur ie7 (et peut etre aussi ie6, mais je zappe ...)

le probleme vient de "removeAttribute" et "setAttribute " ...
est-ce que je peut rendre compatble d'une certaine façon ?
merci d'avance !

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
 
<div id="affichage_boutons" style="visibility:hidden;" >
<select name="type_de_colis" >
<option value="choix" > Select </option>
<option value="simo" >Colissimo</option>
<option value="cronoE" >Chronopost Express</option>
<option value="cronoC" id="idcronoc" >Chronopost Classic</option>
<option value="autres" id="idautres" > Others </option>
</select>
</div><br />	
	<script type="text/javascript">
function updatePrix2(source, destID) {
var lavaleur=source.options[source.selectedIndex].value;
if ((lavaleur=="FR") ||(lavaleur=="MC") ||(lavaleur=="AD") ) { //france, monaco, andorre
	document.getElementById(destID).innerHTML = 
		"<b>&nbsp;&nbsp; Envoi gratuit en colissimo  </b><br /> &nbsp; \n" ;	
		//GetId("affichage_boutons").style.visibility="hidden"; 
	}
else if (lavaleur=="0"){ 
var lavaleur=parseInt(lavaleur);
	document.getElementById(destID).innerHTML = 
		"<b>&nbsp;&nbsp; (Choisir un pays // Select a country)</b> <br /> &nbsp; \n"; 
		//GetId("affichage_boutons").style.visibility="hidden"; 
	}
else{
if(lavaleur=="AC"){colissimo="35";chrono_E="200";chrono_C="NO!";autres="NO!";} 
if(lavaleur=="AF"){colissimo="50";chrono_E="280";chrono_C="NO!";autres="NO!";} 
if(lavaleur=="ZA"){colissimo="35";chrono_E="265";chrono_C="NO!";autres="NO!";} 
etc.........
 
if(colissimo!="NO!"){
	var msg_colissimo="<li>Colissimo: +" + (colissimo) + " &euro;</li>";
	}
else {var msg_colissimo="";
	} 
if(chrono_E!="NO!"){
	var msg_cronoE="<li>Chrono Express: +" + (chrono_E) + " &euro;</li>\n ";
	}
else {var msg_cronoE="";
		}
if(chrono_C!="NO!"){
	var msg_cronoC="<li>Chrono Classic: +" + (chrono_C) + " &euro;</li>\n ";
 	document.getElementById("idcronoc").removeAttribute("disabled");
	//document.getElementById("idcronoc").style.visibility="visible";
	}
else {var msg_cronoC="";
 	document.getElementById("idcronoc").setAttribute("disabled", true);
	//document.getElementById("idcronoc").style.visibility="hidden";
 
			}
if(autres!="NO!"){
	var msg_autres="<li>Others: +" + (autres) + " &euro;</li>\n (Others: ups, fedex,tnt or sodexi) <br />";
 	document.getElementById("idautres").removeAttribute("disabled");
	//document.getElementById("idautres").style.visibility="visible";
 
	}
else {var msg_autres="";
 	document.getElementById("idautres").setAttribute("disabled", true);
	//document.getElementById("idautres").style.visibility="hidden";
			}
			//new_deux.appendChild(new_liste);
	document.getElementById(destID).innerHTML = 
	"<ul><b>" + (msg_colissimo) + (msg_cronoE) + (msg_cronoC) + (msg_autres) + "</b></ul><br />" ;
		GetId("affichage_boutons").style.visibility="visible"; 
 
	} }
</script>

17/11/2010, 22h53
Bovino

Ben c'est simple : IE n'accepte pas l'attribut disabled pour les options d'un select, ni d'ailleurs le display none. :aie:

La seule solution est de supprimer ou ajouter l'option.

merci bovino!

bon.....encore un fois, ça le fait pas ...
j'ai donc supprimé la derniere option(autres) pour essayer ...
2 problemes :

l'option se construit apres le select
l'option s'incrémente a chaque fois qu'elle est demandée

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
if(autres!="NO!"){
	var msg_autres="<li>Others: +" + (autres) + " &euro;</li>\n (Others: ups, fedex,tnt or sodexi) <br />";
			var new_option5 = document.createElement("option");
new_option5.value = "autres";
new_option5.text = " Others ";
var opt1=GetId("affichage_boutons").appendChild(new_option5);
	}
else {var msg_autres="";
			}
	document.getElementById(destID).innerHTML = 
	"<ul><b>" + (msg_colissimo) + (msg_cronoE) + (msg_cronoC) + (msg_autres) + "</b></ul><br />" ;
		GetId("affichage_boutons").style.visibility="visible";

hummfffff :cry:

j'avais fait une tentative de creation de select + options ; un truc dans ce genre ...... :

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
 
 
 var new_liste = document.createElement("select");
new_liste.setAttribute("name", "type_de_colis");
	GetId("affichage_boutons").appendChild(new_liste);
var new_option = document.createElement("option");
new_option.value = "choix";
new_option.text = " Select ";
	new_liste.appendChild(new_option);
 
if(colissimo!="NO!"){
	var msg_colissimo="<li>Colissimo: +" + (colissimo) + " &euro;</li>";
	var new_option2 = document.createElement("option");
	new_option2.value = "simo";
	new_option2.text = "Colissimo";
	new_liste.appendChild(new_option2);
	}
else {var msg_colissimo="";
	} 
if(chrono_E!="NO!"){
	var msg_cronoE="<li>Chrono Express: +" + (chrono_E) + " &euro;</li>\n ";
	var new_option3 = document.createElement("option");
new_option3.value = "cronoE";
new_option3.text = "Chronopost Express";
	new_liste.appendChild(new_option3);
	}
else {var msg_cronoE="";
		}
if(chrono_C!="NO!"){
	var msg_cronoC="<li>Chrono Classic: +" + (chrono_C) + " &euro;</li>\n ";
	var new_option4 = document.createElement("option");
new_option4.value = "cronoC";
new_option4.text = "Chronopost Classic";
new_liste.appendChild(new_option4);
 	//document.getElementById("idcronoc").removeAttribute("disabled");
	}
else {var msg_cronoC="";
 	//document.getElementById("idcronoc").setAttribute("disabled", true);
			}
if(autres!="NO!"){
var new_option5 = document.createElement("option");
new_option5.value = "autres";
new_option5.text = " Others ";
new_liste.appendChild(new_option5);
	var msg_autres="<li>Others: +" + (autres) + " &euro;</li>\n (Others: ups, fedex,tnt or sodexi) <br />";
 	//document.getElementById("idautres").removeAttribute("disabled");
	}
else {var msg_autres="";
 	//document.getElementById("idautres").setAttribute("disabled", true);
			}
	document.getElementById(destID).innerHTML = 
	"<ul><b>" + (msg_colissimo) + (msg_cronoE) + (msg_cronoC) + (msg_autres) + "</b></ul><br />" ;
		GetId("affichage_boutons").style.visibility="visible"; 
 
	} }

.... on y est pas vraiment non plus .....ça foire un peu, j'ai que les 3 premieres options et le select se duplique a chaque clic (rime)