Bonjour,

J'ai une lightbox (au style de Facebook) qui s'ouvre quand on clique sur Connexion.
Lorsqu'on clique sur le lien submit, un delay de 2000 m/s s'enchaine avant de lancer le submit.

Jusque là j'espère que c'est compréhensible

Ensuite j'aimerais quand un visiteur clique sur le lien submit, que pendant le delay, s'il ferme la lightbox, le formulaire ne s’envoie plus, et que donc il ne soit pas redirigé.

Vous pouvez voir le script sur : www.web-astronomie.com (Site en contruction)

Je précise que tout est en Jquery et voici le code :

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
 
$(document).ready(function(){
			$('#load').hide(); //On cache l'image gif de chargement
            $("#loginbox").click(function () { 
				$("#dialog").fadeIn("fast"); //On ouvre la lightbox
            });
			$("#login").click(function () {
				$('#load').show(); //Au clic on affiche l'image gif
				setTimeout(function() {
					$('#form').submit(); //On envoie le formulaire au bout de 2 secondes
				}, 2000);
			});
            $("#close-dialog").click(function () {
				$("#dialog").fadeOut("fast"); //On ferme la lightbox
			});
});
Et voici le code du formulaire :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
<form method="post" action="login.php" class="form-login" name="form_login" id="form">
<table>
<tr><td><label class="form_login_label">Nom d'utilisateur</label></td></tr>
<tr><td><input type="text" name="pseudo" class="form_login_input" maxlength="23" /></td></tr>
<tr><td><label class="form_login_label">Mot de passe</label></td></tr>
<tr><td><input type="password" name="password" class="form_login_input" maxlength="30" /></td></tr>
<tr><td><input type="checkbox" id="checkbox" name="check" class="checkbox" /><label class="check" for="checkbox">Rester connecté</label><label class="mdp">|&nbsp; <a href="index.php">Mot de passe perdu</a></label></td></tr>
<tr><td><a href="#" name="Submit" title="Connexion" class="login" id="login"></a>
<a href="register.php" title="Inscription" class="register"></a><img src="../images/loading.gif" id="load" alt="" class="loading" /></td></tr>
<tr><td><? echo $reponse; ?></td></tr>
</table>
</form>

J'espère que quelqu'un pourra trouver une solution pour moi