return false qui n'empeche pas la redirection [Résolu]

artenis · 02/05/2011, 16h38

Bonjour,

je ne sais pas si le probleme vient du return false
pouvez vous m'aidez à trouver mon probleme ??

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
17
18
19
20
21
22
23
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<link rel="stylesheet" href="style_tchat.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="animation.js"></script>
<script> 
	<?php if(empty($_POST['pseudo_creation']) && empty($_POST['mdp_creation'])){ ?>
			$(document).ready(function(){
			$('#new').click(function(){
			$('#new_inscription')
				.animate({left : '-=50'},{duration: 1000})
				.animate({left : '+=100'},{duration: 1000})
				.animate({left : '-=70'},{duration: 1000})
				.animate({left : '+=70'},{duration: 1000})
				.animate({left : '-=50'},{duration: 1000});
				return false();
			});
			});
	<?php }; ?>
</script>

andry.aime · 02/05/2011, 17h07

Bonsoir,

Je ne vois pas un bout de code qui fait une redirection

A+.

SpaceFrog · 02/05/2011, 18h40

Je suppose que ce sont des liens (balises a) et que tu tentes d'inhiber le href avec le return false ?

artenis · 02/05/2011, 21h27

c'est a peu pres ça

au click d'un submit je souhaite empecher la redirection et en même temps animé la div en jquery ( en l'occurence, " #new " est l'id du submit)

dite moi si plus de script peu vous aider à mieux m'expliquer mon probleme

merci pour vos reponses

SpaceFrog · 02/05/2011, 21h44

en l'occurrence le return false n'est effectif que si tu as du post ...

Pilru · 03/05/2011, 12h11

Et en supprimant les paranthèses après false ?

artenis · 03/05/2011, 12h11

que manque t-il ou sinon ou est mon erreur ??

la suppression des parentheses est juste mais n'a aucun effet

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
 
<script> 
	$(document).ready(function(){
 
			$("#new").submit(function() {
      		if($(":input").val() == "") {
				$('#new_inscription')
					.animate({left : '-=50'},{duration: 1000})
					.animate({left : '+=100'},{duration: 1000})
					.animate({left : '-=70'},{duration: 1000})
					.animate({left : '+=70'},{duration: 1000})
					.animate({left : '-=50'},{duration: 1000});
 
				};
				return false;
			});
	});
 
</script>

et le 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
 
<div id="new_inscription">
 
    	<table id="nouveau" >
        <form name="inscription" method="post" action="conx_bdd.php">
        	<tr><td colspan="2" style="height:40px; border-bottom:1px solid white">Tu dois tout d'abord creer un pseudo et un mot de passe</td></tr>
            <tr><td>Pseudo</td><td><input type="text" name="pseudo_creation" id="pseudo-creation"/></td></tr>
            <tr><td>Mot de passe</td><td><input type="password" name="mdp_creation" id="mdp-creation" /></td></tr>
            <tr><td colspan="2">Tu es : une fille <input type="radio" name="sex" value="girl"/>, un garçon <input type="radio" name="sex" value="boy"/> </td></tr>
            <tr><td colspan="2">Choisie maintenant ton avatar : </td></tr>
            <tr><td id="ava"></td></tr>
            <tr><td><input type="submit" name="new" id="new" value="J'accepte"/></td></tr>
        </form>
        </table>
 
</div>

merci pour vos conseils

SpaceFrog · 03/05/2011, 12h57

tu es sur un bouton submit

je ne comprends pas ton test sur le value de l'input ???

artenis · 03/05/2011, 13h29

en me renseignant j'ai constaté que mettre une condition en php et inclure l'evenement en jquery ca ne marchait.

j'ai donc tout mis en jquery : donc ce j'essaie de faire avec le code:

Code :

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

$("#new").submit(function() {

à l'evenement submit de l'id 'new' (ne s'agit-il pas d'un equivalent à .click() mais pour l'envoi d'un formulaire ???)

si la valeur de tout les champs input est vide , alors

Code :

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

if($(":input").val() == "") {

j'execute l'animation et empeche la redirection

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
$('#new_inscription')
					.animate({left : '-=50'},{duration: 1000})
					.animate({left : '+=100'},{duration: 1000})
					.animate({left : '-=70'},{duration: 1000})
					.animate({left : '+=70'},{duration: 1000})
					.animate({left : '-=50'},{duration: 1000});
 
				};
				return false;
			});

SpaceFrog · 03/05/2011, 13h36

heu tu input type submit a une value non nulle ...

et de plus tu ne peux pas faire le teste comme ça il faut tester individuellement les values de chaque input ou tester un lengtv de la collection des inputs ayant un value vide ...

artenis · 03/05/2011, 13h52

j'avais effectivement recopier du script sans savoir ce que ca voulait dire

merci pour tes conseils (Spacefrog et les autres) voici le script qui marche:

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
 
<script> 
	$(document).ready(function(){
 
			//$("#new").submit(function() {
 
			$("#new").click(function() {
				if($("#pseudo-creation").val() == "") {
				$('#new_inscription').show()
					.animate({left : '30%'},{duration: 100})
					.animate({left : '35%'},{duration: 100})
					.animate({left : '32%'},{duration: 100})
					.animate({left : '34%'},{duration: 100})
					.animate({left : '33%'},{duration: 100});
				return false;
				};
 
				if($("#mdp-creation").val() == ""){
				$('#new_inscription').show()
					.animate({left : '30%'},{duration: 100})
					.animate({left : '35%'},{duration: 100})
					.animate({left : '32%'},{duration: 100})
					.animate({left : '34%'},{duration: 100})
					.animate({left : '33%'},{duration: 100});
				return false;
				};
			});
 
	});
 
</script>

SpaceFrog · 03/05/2011, 14h10

plus simplement:

Code :

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

1
2
3
4
5
$("#inscription").submit(function() {
				if($("input[id$='creation'][value='']").length!=0 ) {
					return false;
				};
			});

ou

Code :

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

if(!!$("input[id$='creation'][value='']").length )

et au lieu de ta suite d'animate ...
animate prend en 3 eme paramètre un easing ...

02/05/2011, 18h40	#3
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	Je suppose que ce sont des liens (balises a) et que tu tentes d'inhiber le href avec le return false ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

02/05/2011, 21h44	#5
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	en l'occurrence le return false n'est effectif que si tu as du post ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

03/05/2011, 12h57	#8
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	tu es sur un bouton submit je ne comprends pas ton test sur le value de l'input ??? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

03/05/2011, 13h36	#10
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	heu tu input type submit a une value non nulle ... et de plus tu ne peux pas faire le teste comme ça il faut tester individuellement les values de chaque input ou tester un lengtv de la collection des inputs ayant un value vide ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

02/05/2011, 17h07	#2
andry.aime Rédacteur/Modérateur Andry Aimé Inscription : septembre 2007 Messages : 5 126 Détails du profil Informations personnelles : Nom : Andry Aimé Localisation : Ile Maurice Informations forums : Inscription : septembre 2007 Messages : 5 126 Points : 7 270 Points : 7 270	Bonsoir, Je ne vois pas un bout de code qui fait une redirection A+.
	00

02/05/2011, 21h27	#4
artenis Invité régulier Inscription : février 2011 Messages : 127 Détails du profil Informations forums : Inscription : février 2011 Messages : 127 Points : 9 Points : 9	c'est a peu pres ça au click d'un submit je souhaite empecher la redirection et en même temps animé la div en jquery ( en l'occurence, " #new " est l'id du submit) dite moi si plus de script peu vous aider à mieux m'expliquer mon probleme merci pour vos reponses
	00

03/05/2011, 12h11	#6
Pilru Membre expérimenté Dev ASP.NET/jQuery ; Admin ORACLE Inscription : septembre 2007 Messages : 418 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Dev ASP.NET/jQuery ; Admin ORACLE Informations forums : Inscription : septembre 2007 Messages : 418 Points : 531 Points : 531	Et en supprimant les paranthèses après false ?
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email