Discussion :

[alas70]

Bonjour, j'utilise mootools pour faire un peu d'ajax dans un formulaire mais j'ai rencontré un petit probleme.

J'ai une page formulaire.php qui appel un script javascript dans laquelle j'execute une fonction ajax.
Dans ma page formulaire.php j'ai un champ login et avec ajax je verifie directement si le login existe deja dans ma base de donnée, le traitement se fait sur la page test_login.php et la reponse est affiché dans une div sur ma page formulaire.php.

voici le code sur ma page formulaire.php

Code :

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

<input type="text" name="mailperso" id="mailperso" onBlur="javascript:verif_login('test_mail.php','myform','info2')" />

et voici le code ma fonction javascript

Code :

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

1
2
3
4
5
6
7
function verif_login(url,form,element){
	new Ajax(url, {postBody:$(form),
				   evalScripts: true, 
				   update: $(element)
				   }).request();
 
	};

On peut voir dans ce code que le evalscript est a true ce qui me permet d'executer du javascript dans la reponse de ma requete ajax, donc dans ma page test_login.php j'ai la reponse suivante (si le login n'est pas bon )

Code :

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

1
2
3
4
5
echo "<b>Attention login deja pris, veuillez en saisir un autre</b>";
	?>
	<script type="text/javascript">
	$('login').setProperty('value','');
	</script>

En fait mon but est de pouvoir effacer la valeur du champ afin que l'utilisateur soit obligé de rentrer un nouveau login qui n'existe pas dans la base, mais impossible d'effacer la valeur du champ. Meme en mettans du code du type document.monform.login.value="" ca ne marche pas.

Quelqu'un aurait t'il une solution merci et désolé de la longueur de ce message

[SpaceFrog]

heu tu le mets à quel endroit to reste du champs ?

il faut le mettre après l'ajax de retour sur la page ...

[alas70]

Désolé je ne comprend pas trop ce que vous voulez me demander, en fait dans ma page princpale donc formulaire.php, j'inclus les code javascript de la facon suivante

Code :

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

1
2
<script type="text/javascript" src="script/mootools.v1.00.js"></script>
<script type="text/javascript" src="script/verif_formulaire.js"></script>

et c'est dans le script verif_formulaire.js que se trouve ma fonction Ajax suivante :

Code :

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

1
2
3
4
5
6
7
function verif_login(url,form,element){
	new Ajax(url, {postBody:$(form),
				   evalScripts: true, 
				   update: $(element)
				   }).request();
 
	};

ensuite le code javascript qui se trouve dans la réponse de la requete Ajax provenant de la page test_login.php c'est a dire celui ci

Code :

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

1
2
3
<script type="text/javascript">
	$('login').setProperty('value','');
	</script>

ce code va se placer dans une div sur la page principale a savoir formulaire.php

Le truc c'est que quand je met un code du genre alert ("test") , celui ci fonctionne mais impossible d'agir sur mon champ login

J'espere avoir été compréhensible
Merci

[SpaceFrog]

javascript s'exécute coté client ...
php coté serveur ...
ne l'oublie pas ...

il faut que ton ajax revoie à javascript la valeur de l'id de l'objet à vider ...

seulement àpres tu pourras coté client au moyen de javascript vider l'objet ...

Code :

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

avec document.getElementById(variableretourajax).value=''

[alas70]

Ahhh MERCI, ca faisait un sacré bout de temps que je cherchais une solution pour ce probleme, et la c'est bon ca marche !!! encore merci !!!