Evénement et requête

Version imprimable

Salut!
J'ai un petit soucis de requête. Je détecte une modification dans ma zone de texte comme cela:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
function keyUp( e )
{
	var target; //initialisation
	if( "activeElement" in document )
		target = document.activeElement; //Si IE
	else 
		target = e ? e.explicitOriginalTarget : null;  // Si Firefox
 
	if( target.id.substring( 0, 5 ) == 'visa_' )
		checkVisa( target.id.substr( 5 ) ); 
}
 
window.onload = function( )
{
	if( document.addEventListener )
	{
		document.addEventListener( 'keyup', keyUp, false );
	} 
	else if( document.attachEvent ) 
	{
		document.attachEvent( 'onkeyup', keyUp )
	}
}

Une fois l'événement intercepté, je balance ma requête:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
function checkVisa( index )
{
	var visa = document.getElementById( 'visa_' + index ).value.toUpperCase( );
	document.getElementById( 'visa_' + index ).value = visa;
 
	if( visa.length < 3 )
	{
		document.getElementById( 'sp_visa_' + index ).innerHTML = 'Lae visa doit contenir trois caractères.';
		document.getElementById( 'sp_visa_' + index ).style.color = '#F00';
		return ;
	}
 
	// requete AJAX
	new Ajax.Request( 'resources/AJAX/check_visa.php?visa=' + visa + '&rdm=' + Math.random( ),
	{
		method: 'get',
		onSuccess: function( transport ){
		// ici, divers trucs
	},
	onFailure: function( ) { displayError( 'Erreur lors de la récupération des données.<br />&nbsp;' ); }
	} );
}

Mon problème est que dans Firebug, je vois que la requête est exécutée deux fois... Où ai-je fait une erreur?

Merci! :-)

Raf

17/07/2009, 10h30
E.Bzz

Bonjour,

Citation:

Envoyé par raf_gug

Où ai-je fait une erreur?

dans l'évènement, il me semble.

Tu devrais utiliser onchange au lieu de onkeyup ...
Ce dernier se déclenche à chaque touche (donc 2X pour saisir X dans un champ).
onchange se déclenche une seule fois, à la sortie du champ seulement si la valeur a été modifiée ;)

A+
17/07/2009, 11h45
raf_gug

Salut et merci pour ta réponse! :-)
Le problème c'est que j'aurais voulu que ca se fasse pendant que je suis dans le champ. Et onkeydown ne convient pas, il me faut le résultat après la touche...

Tu as une autre idée? Sinon, je repenserai la chose et utiliserai on change...

A plus!

Raf
17/07/2009, 12h03
E.Bzz

Citation:

Envoyé par raf_gug

Le problème c'est que j'aurais voulu que ca se fasse pendant que je suis dans le champ.

Tout dépend de ce que tu entends par là ....

Rien ne t'empêche de terminer, dans certains cas, ta fonction onchange par un

Code:

document.getElementById('id_champ').focus();

A+