Discussion :

[akrogames]

Bonjour à tous,

Je débute en Ajax et j'ai trop de problème c'est la misère au début. Mais je m'accroche et aujourd'hui j'ai besoin de votre aide.

Je vous explique, j'ai un formulaire qui ajoute des enregistrements dans une table mais là n'est pas le problème j'utilise Prototype.

Et j'insere dans la table que une fois que j'ai cliqué sur mon boutton mais cela ne marche qu'une fois. Je ne peux pas insérer plusieurs fois alors que ma table et faites pour.

Mon javascript:

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
<!--Fichier configuration AJAX-->
 
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
function SendForm(){
 
	 new Ajax.Request('add.php?idform=9',{
		 method: 'post',
		 asynchronous: true,
		 contentType: 'application/x-www-form-urlencoded',
		 encoding: 'UTF-8',
		 parameters: { valuCara : $F('valuCara')},
		 onSuccess: function(){MailOK();},
		 onFailure: function(){}
	 });
 
	 function MailOK(){
		 $('textOK').style.visibility = 'visible';
		 $('textOK').style.display = 'block';
	 }
 } 
</script>

Mon 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
17
18
 
<form method="POST" name="FormCara">
<table>
<tr>
	<td>Valeur caract&eacute;ristique : </td>
	<td>
		<TEXTAREA rows="4" name="valuCara" id="valuCara"></TEXTAREA>
	</td>
</tr>
<tr>
	<td></td>
	<td><input type="button" value="Enregistrer caract&eacute;ristique" name="GoCara" id="GoCara" onclick="javascript:SendForm()"></td>
</tr>
</table>
</form>
 
<div id="textOK" style="visibility: hidden; display: none">
</div>

Si vous pouviez m'expliquer comment marche les requêtes multiple en cliquant plusieur fois sur le boutton car là une fois une seule enregistrement mis on peut plus rien touché


Merci a vous

[DoubleU]

A priori, ca a l'air bon, ya pas de raison que ca marche pas...

Quand tu dis que ca ne marche pas, il se passe quoi? (ou plutot il ne se passe pas quoi?)

Essaie d'utiliser firebug pour voir si tes requetes passent bien, quels sont les réponses que tu récupères, etc...

[akrogames]

Bonjour DoubleU merci de ta réponse,

Alorsj'ai plus de précision maintenant que tu m'a confirmé que cela passait, j'ai fait un alrt dans le onSuccess et cela m'affichait l'alert. J'ai pas encore les bonnes habitudes de déboguage en Javascript désolé. Mais apparemment le problème viens de javascript et de ma liste déroulante que j'ai enlever dans le code du haut pour que cela moins compliqué car je pensait que cela venait de la requête asynchrone en elle-même.

Alors je vais mettre mon formulaire avec la liste déroulante ici:

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
<form method="POST" name="FormCara">
<table>
<tr>
	<td>Choisir: </td>
	<td>
	<input type="hidden" value="1" name="idProd" id="idProd">
		<SELECT name="cara" id="cara">
			<OPTION value"1">test 1 </OPTION>
                       <OPTION value"2">test 2 </OPTION>
	</SELECT>
	</td>
</tr>
<tr>
	<td>Valeur caract&eacute;ristique : </td>
	<td>
		<TEXTAREA rows="4" name="valuCara" id="valuCara"></TEXTAREA>
	</td>
</tr>
<tr>
	<td></td>
	<td><input type="button" value="Enregistrer caract&eacute;ristique" name="GoCara" id="GoCara" onclick="javascript:SendForm()"></td>
</tr>
</table>
</form>

Le problème mon code javascript prend toujours la valeur 1 même quand je change...
mon code ajax avec la valeur cara:

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
 
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
function SendForm(){
 
	 new Ajax.Request('add.php?idform=9',{
		 method: 'post',
		 asynchronous: true,
		 contentType: 'application/x-www-form-urlencoded',
		 encoding: 'UTF-8',
		 parameters: { valuCara : $F('valuCara'),cara: $F('cara')},
		 onSuccess: function(){MailOK();},
		 onFailure: function(){}
	 });
 
	 function MailOK(){
		 $('textOK').style.visibility = 'visible';
		 $('textOK').style.display = 'block';
		 alert("test");
	 }
 } 
</script>

Merci de ton aide DoubleU j'espère que je t'ai donné assez d'informations.
Sinon au pire redemande moi

Bonne journée a tous

PS: Je ne peux pas installer Firebug car ma version de firefox n'est pas compatible j'ai la version 3Beta5

[DoubleU]

Euh, dans ton javascript, tu ne fais rien non plus pour que ton select change ^^

PS: pour FF3, tu peux utiliser les versions alphas de firebug, elles sont compatibles

[akrogames]

Ah mais je dois mettre quelque chose dans mon javascript qui détecte quand je change d'option ?

Erf je ne sais pas faire tu a le nom d'une fonction sous la main ?
Je dois mettre cela avant d'envoyer ma requête ? (aie aie aie)

Merci pour la version alphas

Si tu a une idée de comment faire avec mon fichu select. J'apprend javascript je suis désolé de vous déranger pour cela.

Merci doubleU

[DoubleU]

Tu cherche a faire quoi exactement avec ton select et tes requêtes?

[akrogames]

Re,

Alors ce que je souhaite, c'est choisir une valeur dans mon SELECT et la valeur de mon TEXTAREA et les insérer dans une table mais sans recharger la page. Mon code PHP marche correctement mais apparemment la valeur du SELECT même la première fois reste toujours à 1... Je récupère mal la valeur de mon SELECT ?

[DoubleU]

Ok, j'avais pas compris ce que tu voulais faire ^^

Essaie de mettre ton "idform=9" dans les paramètres, et pas dans l'url, ca pose peut être problème à Prototype de lui donner des paramètres a 2 endroits.

Sinon, dans firebug, quand tu regardes passer ta requete, tu vois quoi comme paramètres?

[akrogames]

Bon tu pourra me mettre la fessé DoubleU car c'est la première fois que j'utilsie firebug est l'erreur mais apparu clairement.

Merci de ton aide

PS: Cela venait du code PHP car j'était en mode debuguage et une variable était changer entre temps est restait donc toujours à 1.