Bonjour à tous, j'ai encore un problème avec ie ...

ce code me pose problème :

Code html : 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
 
<!-- Le HTML5 shim, for IE6-8 support of HTML elements --><!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--><!-- Le styles --><link rel="stylesheet" href="/rack-pagespeed-8db5f5321d412cec16cab10c60551279.css">
<link href="http://feeds.feedburner.com/tuupola" rel="alternate" type="application/atom+xml">
<link href="http://www.myopenid.com/server" rel="openid.server">
<link href="http://tuupola.myopenid.com/" rel="openid.delegate">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script><!-- /%link{:href => "images/favicon.ico", :rel => "shortcut icon"}/ --><!-- %link{:href => "images/apple-touch-icon.png", :rel => "apple-touch-icon"}/ --><!-- %link{:href => "images/apple-touch-icon-72x72.png", :rel => "apple-touch-icon", :sizes => "72x72"}/ --><!-- %link{:href => "images/apple-touch-icon-114x114.png", :rel => "apple-touch-icon", :sizes => "114x114"}/ --><script>
      //<![CDATA[
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-190966-1']);
        _gaq.push(['_trackPageview']);
        _gaq.push(['_trackPageLoadTime']);
        (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
      //]]>
    </script>
 
 
<select id="genre" class="span2" name="genre" style="width:150px" onchange="ta_fonction(this);"><option value="">--</option>
<option value="metro">metro</option>
<option value="voiture">voiture</option>
<option value="pieton">pieton</option></select><?php echo str_repeat('&nbsp;',6);?>
<select id="type" class="span2" name="type" style="width:150px"><option value="">type</option>
<option value="ligne" class="metro">ligne</option>
<option value="model" class="voiture">model</option>
<option value="marche" class="pieton">marche</option>
</select>
 
<script src="https://raw.github.com/tuupola/jquery_chained/master/jquery.chained.min.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript" charset="utf-8">
          $(function(){
              $("#type").chained("#genre"); 
          });
          </script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/prettify/r224/prettify.js" type="text/javascript"></script><script src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.8.4/jquery.lazyload.min.js" type="text/javascript"></script><script src="http://www.appelsiini.net/js/socialite.min.js" type="text/javascript"></script><script>
      //<![CDATA[
        $(function() {
            $(".container img").lazyload({
                //effect: "fadeIn"
            })
 
            prettyPrint();
 
        });
 
        /*
        $(window).bind("load", function() { 
            var timeout = setTimeout(function() { Socialite.load(); }, 1000);
        });
        */
 
        $(window).one("scroll resize", function() {
            Socialite.load();
        });
      //]]>
    </script>

Fonctionne très bien sous chrome et firefox mais pas du tout sur IE !
Sous IE le deuxième select ne se modifie pas il affiche tout les choix possible même si cela ce correspond pas à la class sélectionnée dans le 1er select ...

Est-ce normal ?



Cordialement.