Discussion :

[ElBono]

Bonjour,

Je suis dans l'obligation d'intégrer pour un client un sliding panel JQuery, technique que je ne maîtrise pas, et ce, sur toutes les pages d'un site...

Tout fonctionne correctement sous Firefox et Chrome (normal !). Mais sous IE 7 et 8 => Dès qu'une personne se logge sur le site, "Impossible d'ouvrir le site. Opération abandonnée".

En y regardant de plus près, je constate que le débogueur me signale "Objet attendu" pour le code du slider de login (mais ceci est aléatoire).

Quelqu'un aurait-il la bonté de m'aider ?

L'appel de JQuery dans mes pages :

Code :

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

1
2
3
<link href="/css/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/lesfonctions.js" ></script>

Les lignes de codes concernant mes sliders (il y en a plusieurs sur certaines pages) :

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
40
41
42
43
// JavaScript Document
 
// Slider du header
// ----------------
	$(document).ready(function(){
	$(".btn-slide").click(function(){
		$("#panel").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});
 
 
});
 
// Slider des annonces
// -------------------
 
	$(document).ready(function(){
		$(".slidingDiv").hide();
		$(".show_hide").show();
		$('.show_hide').click(function(){
			$(".slidingDiv").slideToggle();
		});
	});
 
// Slider des messages
// -------------------
 
	$(document).ready(function(){
		$(".slidingDiv2").hide();
		$(".show_hide").show();
		$('.show_hide').click(function(){
			$(".slidingDiv2").slideToggle();
		});
	});
 
 
// Refresh des pages après login
// -----------------------------
 
	$('#PageRefresh').click(function() {
   	location.reload();
 
	});

Le code du formulaire :

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
 
<div id="panel">
<div class="sliderh">
 
	<div class="left">
	<h1 style="color:#4BC;">Bienvenue</h1>
	<h2>Pour bénéficier de l'intégralité des services du site vous devez disposer d'un compte d'accès</h2>		
        </div>
	<div class="left">
		<!-- Login Form -->
		<form class="clearfix" action="<?php echo $loginFormAction; ?>" method="POST" id="form1">
		<h1>Zone membres</h1>
		<label class="grey" for="log">Email :</label>
		<input class="field" type="text" name="log" value="<?php if(isset($_COOKIE['cookiemail'])) { echo $_COOKIE['cookiemail']; } ?>" size="23" />
		<label class="grey" for="pwd">Mot de passe :</label>
		<input class="field" type="password" name="pwd" size="23" value="<?php if(isset($_COOKIE['cookiepass'])) { echo $str = password_decode('XXXXXX', $_COOKIE['cookiepass']); } ?>" />
	    <label><input name="remember_me" type="checkbox" value="1" <?php if(isset($_COOKIE['cookiemail']) && ($_COOKIE['cookiemail']!="")) {echo "checked";}  ?> /> &nbsp;Se souvenir de moi</label>
        <div class="clear"></div>
		<input type="submit" name="submit" value="Login" class="bt_login" id="PageRefresh" />
		<a class="lost-pwd" href="oubli.php">Mot de passe oublié ?</a>
		</form>
	</div>
	<div class="left right">			
		<!-- Register Form -->
		<form action="/inscription.php" method="POST" id="form1bis">
		<h1>Pas encore membre ? Inscription</h1>				
		<label class="grey" for="signup">Choisissez un pseudo :</label>
		<input class="field" type="text" name="pseudo" size="23" />
		<label class="grey" for="email" name="email">Email :</label>
		<input class="field" type="text" name="email" size="23" />
		<label><input name="accept" type="checkbox" value="1" /> &nbsp;J'accepte les conditions d'utilisation</label>
        <div class="clear"></div>
		<input type="submit" name="submit" value="S'inscrire" class="bt_register" />
		</form>
	</div>		
</div>
</div>
<p class="slide"><a href="#" class="btn-slide">Membres ? | Se connecter</a></p>

Reconnaissance à celui qui me sortira de cette galère !

[Bovino]

Première chose : es-tu sûr que ta page HTML est conforme et ne fait pas passer IE en mode quircks ?
Notamment, le doctype est-il correct ?

[ElBono]

Merci de ton aide Bovino.

Ma déclaration de doctype est, je pense, correcte. Mon head est pour l'instant très succinct :

Code :

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

1
2
3
4
5
6
7
8
9
10
<!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" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>XXXXXX</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/lesfonctions.js" ></script>
</head>

J'ai pensé à une chose et ton avis m'intéresse : le fait que le bouton d'ouverture du slider soit en dehors de la div peut-il causer le problème ?