Compatibilité entre navigateur

Version imprimable

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:

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:

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");
            }
        });
 
});

13/05/2008, 23h20
Sacha999

faudrait que tu mette "id" plutot que "name"
14/05/2008, 11h38
mama07

Ca change rien. Ca fonctionne encore très bien sur firefix, mais toujours rien avec IE :?. Je comprends pas du tout

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

Code:

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>

15/05/2008, 11h19
mama07

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
15/05/2008, 11h31
mama07

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...:cry:
15/05/2008, 12h04
mama07

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 !