Discussion :

[nicerico]

Bonjour

j'aimerai enregistrer les champs de mon formulaire des que ceux ci sont rempli :

donc j'ajoute un onblur sur chaque champs
cela va declencher la fonction ajax qui va envoyer le nom du champs et sa valeur au fichier php
le fichier php va enregistrer le 1er champs dans la table avec un insert
et il doit me renvoyer l'id créé dans la table afin que les autres champs soient enregistrés avec un update

est ce la bonne methode?
existe il un script ou un tuto?

Merci de votre aide et de vos suggestion

[DoubleU]

Clairement, non ce n'est pas la bonne méthode.

Pourquoi ne pas simplement enregistrer tous tes champs une fois le formulaire correctement rempli et soumis?

[nicerico]

parce que le cahier des charges veut que chaque champs remplis soient enregistrés directement...

concernant la recuperation des valeurs entrées je fais :

Code :

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

onblur=\"form_ajax('$Table','$Field',this.value)\"

mais apparment this.value n'est pas le bon terme à utiliser car j'ai l'erreur js "objet attendu"

[andry.aime]

Salut,
this.value se réfère à value de l'élément, c'est la bonne syntaxe mais je m'en doute avec $Table et $Field. Vérifie le code html généré.
De plus:

Clairement, non ce n'est pas la bonne méthode.

Pourquoi ne pas simplement enregistrer tous tes champs une fois le formulaire correctement rempli et soumis?

Je pense que dans ton cas, l'utilisation de AJAX n'est utile que pour faire une vérification coté serveur avant l'envoie du formulaire si c'est nécessaire.

[nicerico]

quelle serait la bonne methode ?

voici ce que j'utilise actuellement comme ajax (qui ne fonctionne pas)

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
 
function form_ajax(table,champs,valeur)
{
	var OAjax;
	if (window.XMLHttpRequest) OAjax = new XMLHttpRequest();
	else if (window.ActiveXObject) OAjax = new ActiveXObject('Microsoft.XMLHTTP'); 
	OAjax.open('POST',"../../traitement_form.php",true);
	OAjax.onreadystatechange = function()
	{
		if (OAjax.readyState == 4 && OAjax.status==200)
		{
			if (document.getElementById) 
			{	
				if (OAjax.responseText =='true') {
				alert(table+" "+champs+" "+valeur);	
				document.getElementById('msg').innerHTML='';		
				}else{
				document.getElementById('msg').innerHTML=OAjax.responseText;
				}
			}
		}
	}
	OAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded');
	OAjax.send('table='+table+'&champs='+champs+'&valeur='+valeur);
}

Code source de l'appel :

Code :

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

<input type="text" width="32" id="nom" name="nom" maxlength="32" tabindex="2" title="Nom" value="[nom]" lang="fr" onblur="form_ajax('c_etatcivil2','nom',this.value)" />

le Alert ne s'affiche pas

merci de votre aide

[DoubleU]

Si le alert ne s'affiche pas, c'est que tu ne rentres pas dans ton if car ton resoponseText ne vaut pas 'true', sans doute car dans ton script php, tu as quelque par un espace ou un saute de ligne avant ou apres les balises <?php ?>.

Ca peut être d'autant plus difficile à trouver si tu fais de multiples inclusions de fichiers, il faut les regarder un par un.

[nicerico]

oui merci, j'ai trouvé l'erreur
donc ça fonctionne maintenant

en resumé :
lorsque je sors du champs, cela appel la fonction ajax, qui active le script php d'insertion dans la bdd

mais si je rempli un autre champ : ça me fait toujours un insert
il faut donc que je créé une variable qui recupere le nouvel "id" inséré

comment passer cette variable afin de la recupérée ensuite pour activer la requete update
quelque chose comme :

Code :

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

$derinsert = "<script language='Javascript'> document.getElementById('msg').innerHTML </script>";