11548 sujets

JavaScript, DOM et API Web HTML5

Probleme de compatibilité avec IE

Bonjour,
Voila je developpe mon site et j'y ai integrer du javascript. Tout marche bien sous firefox et google chrome mais sous IE, deux de mes codes entre en conflits:
Voici l'adresse du site:
lien vers le site

voici mon code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <link rel="stylesheet" type="text/css" href="css_echo.css" media="screen" /> 
       <script src="jquery-1.2.6.min.js" type="text/javascript"></script>
       <script src="java_echo.js" type="text/javascript"></script>
       <script src="jquery.easing.1.3.js" type="text/javascript"></script>
       <script src="jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script>
   </head>

<body>
<div id="all">

<div id="hautdepage">

<ul id="menu_light">
<li><a class="home" href="#"><span></span></a></li>
<li><a class="cv" href="#"><span></span></a></li>
<li><a class="contact" href="#"><span></span></a></li>
</ul>

</div>


<div id="cadre_menu">
<ul id="menu">
<li><a class="news" href="#"><span></span></a></li>
<li><a class="portfolio" href="#"><span></span></a></li>
<li><a class="services" href="#"><span></span></a></li>
<li><a class="contact" href="#"><span></span></a></li>
</ul>
</div>

<div id="separation"></div>

<div id="creation">
<strong class="presentation"><br />présentations des dernieres créations...</strong>
</div>

<div id="conteneur1">
<ul id="cadre_projet" >
<li class="haut_projet"></li>
<li class="gauche_projet"></li>
<li class="centre_projet">

<ul class="kwicks horizontal" >
			<li id="kwick_1"></li>
			<li id="kwick_2"></li>
			<li id="kwick_3"></li>
			<li id="kwick_4"></li>
            <li id="kwick_1"></li>
		</ul>
</li>
<li class="droite_projet"></li>
<li class="bas_projet"></li>
</ul>
</div>


</div>
</body>
</html>


Javascript

	// menu principal	
	$(function() {
		// set opacity to nill on page load
		$("ul#menu span").css("opacity","0");
		// on mouse over
		$("ul#menu span").hover(function () {
			// animate opacity to full
			$(this).stop().animate({
				opacity: 1
			}, 'slow');
		},
		// on mouse out
		function () {
			// animate opacity to nill
			$(this).stop().animate({
				opacity: 0
			}, 'slow');
		});
	});


// fin menu principal	





// menu light
	$(function() {
		// set opacity to nill on page load
		$("ul#menu_light span").css("opacity","0");
		// on mouse over
		$("ul#menu_light span").hover(function () {
			// animate opacity to full
			$(this).stop().animate({
				opacity: 1
			}, 'slow');
		},
		// on mouse out
		function () {
			// animate opacity to nill
			$(this).stop().animate({
				opacity: 0
			}, 'slow');
		});
	});
// fin menu light




// accordéon horizontal

$().ready(function() {
				$('.kwicks').kwicks({
					max : 300,
					});
			});
// fin accordéon horizontal


le code qui fait que cela ne marche pas est celui de l'accordéon, dés que je l'enleve, tout marche bien Smiley decu .

Je ne vois pas comment faire.
Modifié par mackean (02 Feb 2009 - 14:00)
Sujet clos
Aller à