Discussion :

[tidus_6_9_2]

Bonjour à tous,

J'ai un soucis avec le bouton entrer... Comme d'hab c'est sous IE que sa foire...

J'ai désactivé le bouton enter sur le formulaire de ma page grâce à ceci (donc dans le document.ready):

Code :

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

1
2
3
4
5
6
7
8
9
 
function DesactiverEntrer(idFormulaire){
	$('#'+idFormulaire).bind("keypress",
		function(e){
			if(e.keyCode == 13)
				return false;
		}
	);
}

Ensuite, j'ai voulus faire en sorte, que lorsqu'un utilisateur est sur un champ et qu'il clique sur enter, cela valide le formulaire... Donc rebolotte :

Code :

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

1
2
3
4
5
6
7
8
9
 
function SimulerClickSurBouton(idBouton, idChamp){
	$('#'+idChamp).keydown(function(e){
        if (e.keyCode == 13){
            document.getElementById(idBouton).click();
            return false;
        }
    });
}

Et la il vas simuler le click sur mon bouton qui ressemble à ça :

Code :

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

1
2
3
4
5
6
7
8
9
 
	$("button",".Connexion").button();		
	$("button", ".Connexion").click(
		function(){
			testErreurs('vLogin,vMdp','/4DACTION/UtilisateurMethode','Form_connexion','ui-widget');
			return false;
			$("#ui-widget").hide();
		}
	);

Comment faire pour le rendre opérationnel ? Car la je rame un peu... Le soucis c'est que je désactive le bouton enter et qu'après je l'active pour le même formulaire... Et FF je penses qu'il accepte la deuxième fonction mais pas IE...

Merci pour votre aide

[EDIT] Je viens de remarque un bogue de mon code sous FF, le script est lancé deux fois...

[SpaceFrog]

bascule le type du bouton de submit à button pour desactiver l'enter et inversement pour le reactiver

sinon mets disabled sur le bouton submit

[tidus_6_9_2]

Salut Spacefrog,

J'ai refait mon code comme suit :

[EDIT] le code fonctionne donc

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
 
function SimulerClickSurBouton(idChamp, ClassBouton){
	$('#'+idChamp).keypress(
		function(e) {
			if(e.which == 13) {
				alert('click');
				$(this).blur();
				$("button", ".Connexion").click();
			}
		}
	);
}
 
function DesactiverEntrerFF(idChamp, ClassBouton){
	if(event.which){
		if(event.which.keyCode==13){
			return false;
		}
	}
	else{
		SimulerClickSurBouton(idChamp, ClassBouton);
	}
}

et l'HTML :

Code :

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

1
2
 
<input id="vMdp" name="vMdp" class="styled" size="40" maxlength="255" type="password" onKeyPress="DesactiverEntrerFF('vMdp', 'Connexion');" onKeyDown="SimulerClickSurBouton('vMdp','Connexion');">

Qu'en penses-tu ? Vaudrait-il mieux désactiver le bouton lors du clique ? Si oui, comment faire s'il te plaît ?

Au cas ou, mon bouton n'avait pas de type submit, etant donné qu'il s'agit de boutons JQuery (code si dessous)

Code :

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

1
2
3
4
5
6
7
8
9
 
$("button",".Connexion").button();		
	$("button", ".Connexion").click(
		function(){
			testErreurs('vLogin,vMdp','/4DACTION/UtilisateurMethode','Form_connexion','ui-widget');
			return false;
			$("#ui-widget").hide();
		}
	);

html :

Code :

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

1
2
 
<div class="Connexion"><button>Connexion</button></div>

Merci

[SpaceFrog]

je proposiat en fait juste de changer :

Code :

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

<input type="submit" ...

en

Code :

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

<input type="button" ...

et ceci avec

Code :

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

attr('type','button')

[tidus_6_9_2]

Je ne suis pas sûr d'avoir compris, tu me dis de remplacer mon

Code :

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

1
2
 
<div class="Connexion"><button>Connexion</button></div>

En :

Code :

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

1
2
 
<input type="button" ...

C'est bien ça ? Saurais-tu aussi, pourquoi lorsque j'attribue ceci à mon bouton, cela ne passe pas ?

Code :

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

1
2
3
4
 
var options = {};
$(".Connexion" ).button(options, "disabled", true );
//$(".Connexion" ).button(options, "disabled", false);

Il ne se désactive pas, es-ce normal ?

[SpaceFrog]

Code :

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

$(".Connexion>button).attr( "disabled","disabled" );

[tidus_6_9_2]

Bheu, c'est la première fois que je vois écris :

Code :

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

1
2
 
$('.Connexion>button')

Je savais pas que sa existait

Cela fonctionne ^^

Merci encore SpaceFrog, la meilleure grenouille qui programme dans l'espace ^^