Compatibilité entre navigateur

**mama07** · 13/05/2008, 14h08

Bonjour,
j'ai créer un petit script me permettant d'enrouler/dérouler une liste <ul><li>, cela fonctionne très bien sous firefox, mais pas du tout sous IE (ni le 6,ni le 7, ni le 8...)

voici mon html :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<div id="archives">
<a href="#mai" title="#mai" class="mois" name="#mai">mai</a>
<ul>
<li>1er : <a href="spip.php?article94" title="Martyre">Martyre</a></li>
</ul>
<a href="#avril" title="#avril" class="mois" name="#avril">avril</a>
<ul>
<li>29 : <a href="spip.php?article93" title="SCORN">SCORN</a></li>
</ul>
</div>

il y a plus de <li> dans la vrai page, mais la j'ai simplifié pour ne pas surchargé.

et le javascript :

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
20
21
22
23
24
 
$(document).ready(function() {
 
 
       $("#archives ul").not(":first").children("li").hide();
        $("#archives ul:first").addClass("actif"); 
 
 
 
        $("#archives a.mois").click(function() { 
            if ($(this).next("ul").hasClass("actif")) {
                $(this).next("ul").children("li").slideUp("slow");
                $(this).next("ul").removeClass("actif");
            } else {
                $("#archives a.mois").next("ul")
                    .removeClass("actif")
                    .children("li").slideUp("slow");
                $(this).next("ul")
                    .addClass("actif")
                    .children("li").slideDown("slow");
            }
        });
 
});

**Sacha999** · 13/05/2008, 23h20

faudrait que tu mette "id" plutot que "name"

**mama07** · 14/05/2008, 11h38

Ca change rien. Ca fonctionne encore très bien sur firefix, mais toujours rien avec IE

. Je comprends pas du tout

**Sacha999** · 14/05/2008, 21h09

chez moi ca fonctionne ca sur IE7 (merci de preciser que tu utilise JQuery, prend la derniere version au cas ou)

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<html>
	<head>
		 <script src="jquery-1.2.3.js" type="text/javascript"></script>
		 <script language="javascript">
			$(document).ready(function() {  
		       $("#archives ul").not(":first").children("li").hide();
			        $("#archives ul:first").addClass("actif"); 
 
			        $("#archives a.mois").click(function() { 
			            if ($(this).next("ul").hasClass("actif")) {
			                $(this).next("ul").children("li").slideUp("slow");
			                $(this).next("ul").removeClass("actif");
			            } else {
			                $("#archives a.mois").next("ul")
			                    .removeClass("actif")
			                    .children("li").slideUp("slow");
			                $(this).next("ul")
			                    .addClass("actif")
			                    .children("li").slideDown("slow");
			            }
			       });
			});
 
	</script>
</head>
<body>
 
		<div id="archives">
			<a href="#mai" title="#mai" class="mois" name="#mai">mai</a>
			<ul>
				<li>1er : <a href="spip.php?article94" title="Martyre">Martyre</a></li>
			</ul>
			<a href="#avril" title="#avril" class="mois" name="#avril">avril</a>
			<ul>
				<li>29 : <a href="spip.php?article93" title="SCORN">SCORN</a></li>
			</ul>
		</div>
</body>
</html>

**mama07** · 15/05/2008, 11h19

J'utilise la version 1.2.3 de Jquery, mais mon script est dans un document externe. Je vais faire le test pour voir si ca fonctionne en le mettant dans la page html

**mama07** · 15/05/2008, 11h31

Effectivement, ca marche aussi chez moi quand je copie juste le code que je t'ai présenté. Ca fonctionne meme avec IE6, mais dès que je le mais dans mon site (SPIP), dans easyphp, ca ne fonctionne plus...

**mama07** · 15/05/2008, 12h04

Problème résolu :

Le problème venait du fait que spip chargé automatiquement une ancienne version de Jquery, après la plus récente dont j'avais fait l'appel surchaque page. J'ai donc supprimé l'appel à l'ancienne version et tout marche très bien

Merci beaucoup !

Compatibilité entre navigateur

JavaScript

Discussions similaires

Partager

Partager