Mauvais code pour IE

**borislotte** · 30/04/2012, 19h40

Bonjour

Après une recherche sur internet je ne comprend pas pourquoi le code ci-dessous ne fonctionne pas sous IE 9 alors qu'il marche très bien avec Firefox.

Si vous savez ça m'interresse.

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
 
<script type="text/javascript">
		function afficher_cacher(id){
 
			var intListeEntreprise;
			var txtIdEntreprise;
 
			for(intListeEntreprise in document.forms['frmEntreprise'].elements['Entreprise'].options){
				txtIdEntreprise = document.forms['frmEntreprise'].elements['Entreprise'].options[intListeEntreprise].value;
 
				if(txtIdEntreprise != id){
					document.getElementById(txtIdEntreprise).style.display="none";
				}
			}
			document.getElementById(id).style.display="block";
 
			return true;
		}
	</script>

**Eric2a** · 30/04/2012, 21h20

Salut,

Essaie ce code...

Code xhtml :

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
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>Test</title>
 
		<style type="text/css">
                        #un,#deux,#trois{display:none}
                </style>
 
		<script type="text/javascript">//<![CDATA[
                        function afficher_cacher(){
                                var i,val,elt,select,options,current;
 
                                // Obtenir la liste des options
                                select=document.getElementById('Entreprise');
                                options=select && select.getElementsByTagName('option');
                                if(!options)return false;
 
                                current=select.value; // Valeur actuellement séléctionnée
 
                                /*      Pour chaque options
                                                Obtenir la valeur
                                                Si elle représente un élément HTML existant alors
                                                        Si cette valeur correspond à celle actuellement séléctionnée
                                                                Montrer l'élément
                                                        Sinon
                                                                cacher l'élement
                                        */
                                for(i=0;i<options.length;i++){
                                        val=options[i].value;
                                        elt=val && document.getElementById(val);
                                        if(elt)elt.style.display=(val==current)?'block':'none';
                                }
                                return true;
                        }
                        //]]>
                </script>
	</head>
	<body>
		<form action="#" method="get">
			<p>
				<label for="Entreprise">Entreprise :</label>
				<select name="Entreprise" id="Entreprise" onchange="afficher_cacher();">
					<option value="" selected="selected">Votre séléction</option>
					<option value="un">Un</option>
					<option value="deux">Deux</option>
					<option value="trois">Trois</option>
				</select>
			</p>
		</form>
 
		<div id="un">Un</div>
		<div id="deux">Deux</div>
		<div id="trois">Trois</div>
	</body>
</html>

**borislotte** · 30/04/2012, 21h39

Merci beaucoup
J'ai pas tous compris aux lignes de code (ca viendra) mais j'ai pu l'adapter à mon cas et ca marche nikel.

encore merci

Mauvais code pour IE

JavaScript

Vue hybride

Discussions similaires

Partager

Partager