Code utilisant jQuery qui ne fonctionne pas sur tous les PCs

**laurentSc** · 02/11/2013, 11h14

Bonjour,

cette page (http://laurentschmitt18.free.fr/coin...s/expand4.html) tourne bien sur un PC mais pas sur un autre. Y a t-il moyen de le faire marcher ?

**arnogues** · 02/11/2013, 11h49

C'est quoi qui marche pas ?
Tu peux nous spécifier les tests auquels tu procèdes ?
Et quand tu parles de PC, quels sont les navigateurs en question ?
Et est-ce que ces "PC" ouvrent la page avec la même url que tu nous a donné

**laurentSc** · 02/11/2013, 12h15

C'est vrai que je disais rien...Quand ça "marche", on a une liste verticale (pour l'instant, car j'en suis à la phase de mise au point) :

ouvrir
ouvrir
ouvrir

et quand on clique sur l'une de ces chaînes de caractères, on déplie le contenu (un div associé qui passe à l'occasion de display:none à display:block ) et le "ouvrir" est transformé en "fermer".

Sinon, pour le navigateur employé, bonne question, car je n'avais essayé que IE8 et avec FF, ça marche.

C'est bien avec l'URL donnée que les navigateurs doivent ouvrir la page et je tiens à ce que ça "marche" avec IE8...

**sekaijin** · 02/11/2013, 12h44

merci de posté les question JQuery dans le forum JQuery

Sans plus de précision ça va être difficile de t'aider.
A+JYT

**SylvainPV** · 02/11/2013, 13h56

Ca devient du foutage de gueule là...

Enième topic ouvert pour le même problème, des questions ridicules sans aucune information. Tu nous prends pour qui ?

Ne compte plus sur moi pour t'aider

**laurentSc** · 02/11/2013, 14h10

J'espère avoir donner plus d'informations.
et désolé que ça passe mal, car je ne me fous de personne...

**danielhagnoul** · 02/11/2013, 14h11

Bonjour

Avec <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.js"></script> c'est normal !

Il faut utiliser la branche 1, actuellement la version 1.10.2, pour être compatible avec les navigateurs obsolètes.

**laurentSc** · 02/11/2013, 14h05

avec le code suivant :

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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html>
  <head>
    <meta content="text/html; charset=windows-1252" http-equiv="content-type">
    <title></title>
    <style>
      .panel .contenu {
    display:none;    
}
 
.panel.expanded .contenu {
    display:block;
    position:absolute;
    background: #CCC;
    padding: 1em;
}
 
.panel .panel-toggle-btn:before {
    content:"Ouvrir";
}
 
.panel.expanded .panel-toggle-btn:before {
    content:"Fermer";
}
.classul li {
list-style:none;
}
</style>
 
 
    <script>function expand($panelToOpen){
  $(".panel").not($panelToOpen).removeClass("expanded");
  $panelToOpen.toggleClass("expanded");  
}
 
function init() {
    var panelToExpand = 4;//Déplie le premier panel par défaut
    var match = window.location.hash.match(/expanded=(\d+)/);
    if(match != null && match[1] != null){
        panelToExpand = parseInt(match[1]);      
    }  
    expand( $(".panel").eq(panelToExpand) );
    
    $(".panel").each(function(p){
        $(this).find('.panel-toggle-btn').on('click', function(e){
            e.preventDefault();
            expand( $(this).closest('.panel') );
            window.location.hash = "expanded="+p;
        });
    });
};
 
</script>
 
  </head>
  <body>
     <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.js"></script>
  <script>window.onload=init;</script>
 
 <section class="panel">
  <a class="panel-toggle-btn" href="#"></a>
  <div class="contenu">
      <ul class="classul"><li>test1</li>
	  <li>test1</li>
	  <li>test1</li>
	  </ul>
  </div>
  </section>
  <section class="panel">
  <a class="panel-toggle-btn" href="#"></a>
  <div class="contenu">
      test2
  </div>
  </section>
  <section class="panel">
  <a class="panel-toggle-btn" href="#"></a>
  <div class="contenu">
      test3
  </div>
  </section>
 
  </body>
 
</html>

ne marche pas sous IE8 sur un PC (mais avec FF, oui)(alors que sous un autre PC, aucun problème)

Ne pas marcher signifie : on a une liste verticale (pour l'instant, car j'en suis à la phase de mise au point) :

ouvrir
ouvrir
ouvrir

et quand on clique sur l'une de ces chaînes de caractères, on déplie le contenu (un div associé qui passe à l'occasion de display:none à display:block ) et le "ouvrir" est transformé en "fermer".

Comment faire marcher ceci sous IE8 ?

Code utilisant jQuery qui ne fonctionne pas sur tous les PCs

jQuery

Vue hybride

Discussions similaires

Partager

Partager