Code js ne fonctionne pas sous ie

**ric009** · 24/03/2013, 14h58

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** · 24/03/2013, 19h32

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** · 24/03/2013, 21h26

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** · 25/03/2013, 00h03

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** · 25/03/2013, 10h33

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

**ric009** · 25/03/2013, 10h49

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)

**Kaamo** · 25/03/2013, 13h41

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

???

Tu n'as pas besoin de ça ... le simple fait d'inclure jquery, son plugin jquery.chained et de déclarer $("#type").chained("#genre"); comme tu l'as fait permet de lier les select type et genre. Nul besoin d'une autre fonction

**ric009** · 25/03/2013, 21h00

est-ce que le fait de diminuer mon code permettra de le rendre compatible sur ie ?

**Kaamo** · 25/03/2013, 21h52

Non, ça ne fonctionne pas comme ça

Par contre, essaie d'y aller progressivement ... Fais en sorte de ne tester que cette fonctionnalité.

1 - Tu inclus seulement jquery, jquery.chained
2 - Ce script : $("#type").chained("#genre");
3 - Enfin le formulaire HTML (sans le onchange ! )

Si ça fonctionne, c'est que le problème vient d'une probable incompatibilité avec d'autres scripts

**ric009** · 25/03/2013, 22h41

j'ai donc retirer les éléments inutiles et voici le code amélioré :

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
 
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
<select id="genre" class="span2" name="genre" style="width:150px"><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(){
              $("#model").chained("#marque"); 
          });
</script>

par contre j'ai toujours le même problème de compatibilité sous ie ... et malgré que j'ai retiré le onchange cela fonctionne sous chrome .. est-ce normal ?

**Kaamo** · 26/03/2013, 09h12

Code javascript :

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

$("#model").chained("#marque");

ça ne serait pas plutôt : $("#type").chained("#genre");
Sinon es tu sûr que ce plugin est adapté à IE ? Peut-être que son développeur ne le supporte pas tout simplement ....

**ric009** · 26/03/2013, 16h27

oui c'est parce que j'ai fait un test avec un autre projet pour voir si cela donne le même problème et oui ...
Il se peut que le problème soit causé par les class de mon select? car d'après quelque recherche à gauche à droite il est possible que le problème provienne des classe ... ?

**dragonno** · 26/03/2013, 16h39

j'ai toujours le même problème de compatibilité sous ie ... et malgré que j'ai retiré le onchange cela fonctionne sous chrome .. est-ce normal ?

Oui c'est normal, IE est une m...heu...meilleure chance pour la vie

**ric009** · 26/03/2013, 16h44

et donc il est tout à fait possible qu'ie ne prends pas en compte les class.. ?

**Kaamo** · 26/03/2013, 16h58

Non, le problème surtout c'est que ce plugin ne prend pas en compte IE ... Il doit y avoir d'autres plugins de ce type qui le prennent en charge

**ric009** · 26/03/2013, 17h22

ou je peux trouver un nouveau module ? ou carrément un nouveau code js permettant de modifier le deuxieme select en fonction du premier qui est compatible sous chrome et ie .. Des sites, des tutos, des models? je suis preneur..

**NoSmoking** · 26/03/2013, 22h45

Bonsoir,
juste un test pour voir, changes le name="type" et id="type" par un autre identifiant.

**Lorenzo77** · 26/03/2013, 23h00

salut,

les IE récents integrent un outil trés pratique pour deboguer du JS (css/html) => outils > outils de développement
tu peux deboguer pas a pas, mettre des points d'arrets, surveiller des vars, ... etc
quasi les memes fonctionnalités que Firebug de FF.

grace a cet outil tu peux trouver ou ca bloque !

**ric009** · 26/03/2013, 23h14

alors j'ai changé "type" par "categorie" et toujours le même résultat concernant l'outil d'ie et j'ai eu des erreurs ! concernant mon select :

SCRIPT438: L’objet ne gère pas la propriété ou la méthode « chained »

SEC7112: https://raw.github.com/tuupola/jquer...chained.min.js a été bloqué à cause d’une incompatibilité de type mime

donc tout simplement il ne reconnais pas chained ... il existe une fonction identique à celle-ci mais qui fonctionne sous ie? et concernant le problème de type mime cela correspond à quoi ?

Cordialement.

**Lorenzo77** · 26/03/2013, 23h34

IE merdouille sur ce coup -> recup le JS et charge le depuis ton site !

Code js ne fonctionne pas sous ie

jQuery

Discussions similaires

Partager

Partager