Fonctions qui ne fonctionnent pas avec IE7

Bonjour tout le monde, j'ai ici un petit problème avec une page "d'entrainement" pour javascript, qui fonctionne sur tous les navigateur mis à part IE.

J'ai cherché dans la FAQ mais je n'ai malheureusement rien trouvé.

Voilà le code de ma page :

<?php
session_start();
?>
<html>
<head>
<title>Index</title>

<style type="text/css">
Je vous épargne le style car trop long
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="navigation.js"></script>
<script language="javascript">
</script>
</head>

<body>

<div id="page">
<div id="banner">
<div id="connect">
SE CONNECTER BLABLA
</div>
<a href="javascript:;" class="showconnect" alt="Se connecter">Se connecter</a>

<div id="menu">
<a href="news.php" >Accueil</a> - Images - Autre - Test
</div>
</div>
<div id="left">
<a href="javascript:Spoilershow('Du texte juste pour voir si ca fonctionne', '1');">Afficher le DIV</a>
<div class="untruc1" style="display: none">
</div>

</div>
<div id="center">
<?php
$d = "contenu/";

if(isset($_GET['p'])){
$p=strtolower($_GET['p']);

if(preg_match("/^[a-z0-9\-]+$/", $p) && file_exists($d.$p.".php")){
}
else{
include $d.'404.html';
}

}
else{
?>
<div class="uncarrer">
</div>
<?php
}
?>
</div>
</div>

</body>
</html>

et le navigation.js ou je stocke mes fonctions etc

$(document).ready(function(){

	$("#menu a").click(function(){
	page = $(this).attr("href");
	
	$.ajax({
	
	url: "contenu/"+page,
	cache:false,
	success:function(html){
		afficher(html);
	},
	error:function(XHTMLHttpRequest, textStatus, erroThrown){
		alert(textStatus);
		},
	})
	
	return false;
	});

});

function afficher(data){
$("#center").fadeOut(500,function(){
	$("#center").empty();
	$("#center").append(data);
	$("#center").fadeIn(1000);
})
}

function partir(chose){
$(".untruc").fadeOut(500, function(){
	$(".untruc").append(chose);
	$(".untruc").fadeIn(1000);
}
);
}


function Spoilershow(text, number){
etat = $(".untruc"+number).attr("style");

if(etat == "display: none;"){
$(".untruc"+number).append(text);
$(".untruc"+number).show();
}
else{
$(".untruc"+number).empty();
$(".untruc"+number).hide();
}
}

$(document).ready(function(){
	$(".showconnect").click(function(){
	alt = $(".showconnect").html();
	
	if(alt == "Se connecter"){
		$("#connect").slideDown(300).animate({height: "200px"}, 200);
		/**$("#connect").animate({ 
			width: "600px",
			opacity: 0.7,
			height: "300px",
			fontSize: "16px", 
			borderWidth: "10px"
		}, 450 ); **/
	$(".showconnect").empty();
	$(".showconnect").append("Annuler");
	$(".showconnect").animate({paddingTop: "300px",}, 300).animate({paddingTop: "200px"}, 200);
	}
	else{
	$("#connect").animate({height: "300px",}, 300).slideUp(200);
	$(".showconnect").empty();
	$(".showconnect").append("Se connecter");
	$(".showconnect").animate({paddingTop: "300px",}, 300).animate({paddingTop: "0px",}, 200);
	}
	
    });
});

$(document).ready(function(){
$(".uncarrer")
.mouseover(function(){
$(this).stop().animate(
{backgroundPosition: "0, 300",}, 800);
})

});

Aucune de ces fonctions ne fonctionnent sur IE (7), j'ai vérifié si ce n'était pas mon navigateur le problème, mais après vérification j'ai pu constater que non :s

Si vous auriez ne serais-ce-que l'ombre d'une idée, je suis preneur.

Merci d'avance, bonne journée à vous.

le problème ne vient pas du navigateur apparament ...

Fonctions qui ne fonctionnent pas avec IE7

Supprimer

Modérer

Signaler le message aux modérateurs