Discussion :

[ric009]

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.

[Kaamo]

Bonjour !

Une piste, sans certitude ... l'auteur utilise jquery 1.6.2 dans ses exemples sur Github. Test voir avec cette version si ça résout le problème ? Le plugin n'est peut-être plus compatible avec la version que tu utilises.

Sinon, peut-être aussi un problème de compatibilité avec onchange="ta_fonction(this);"
Que fait ce code ?

[ric009]

ce code permet de changer le contenu du deuxième select en fonction du premier ..

donc pour toi je dois changer la version de jquery car celle de mon code est la 1.9.0 ? ou je me trompe de ligne ?

cordialement.

[dragonno]

Tu es sûr que tafonction(this) est bien appelée ?
Car ça ressemble au code qu'un programmeur met pour que l'utilisateur l'adapte avec sa propre fonction.
Je t'ai déjà fait remarquer ce détail dans l'autre post.

[ric009]

ce code fonctionne sous chrome et firefox donc la fonction est bien appelée ...

[ric009]

concercant la version 1.6.2 de jquery j'ai testé ... et plus rien ne fonctionne que se soit chrome firefox ou ie ... il existe peut être une version compatible avec les 3 ? (si c'est bien ça le problème)