Discussion :

[akrogames]

Bonjour,

je viens juste vous déranger un petit peu, j'espère en tous cas que vous passer une bonne après midi.

Bon venons en au fait,

J'ai un petit script Ajax et un formulaire mais il me donne ceci comme erreur AJAX mon debugueur:

Exception ``TypeError: element is null'' thrown from function anonymous(element=null:null) in <http://illicopage5.linux/javascript/prototype.js> line 3484.
Exception ``TypeError: element is null'' thrown from function anonymous(element=null:null) in <http://illicopage5.linux/javascript/prototype.js> line 3484.
[e] message = [string] "element is null"
Exception ``TypeError: element is null'' thrown from function EnvoieForm() in <MONURL> line 260.

Et voici mon code 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
23
24
25
26
27
28
29
30
31
32
33
 
<script type="text/javascript">
 
function EnvoieForm(){
 
 
       new Ajax.Request(
	'../cgi-local/ttt_form.pl',
	{
		method: 'post',
		parameters: {
			'form' : $F('form'),
 
			 '1_nom' : $F('1_nom'),
			 '3_adresse' : $F('3_adresse'),
			 '4_code-postal' : $F('4_code-postal'),
			 '5_ville' : $F('5_ville'),
			 '6_pays' : $F('6_pays'),
			 '7_telephone' : $F('7_telephone'),
			 '8_fax' : $F('8_fax'),
			 '10_message' : $F('10_message'),
			 '9_e-mail' : $F('9_e-mail'),
			 '11_commentaire' : $F('11_commentaire'),
			'Type_site' : $F('Type_site')
		},
		onSuccess: function() { alert('Requête terminée avec succès.') },
		onFailure: function() { alert('Requête échouée.') }
	}
);
 
}   
 
</script>

Donc il n'y a pas de problème le script rentre bien dans la fonction javascript. Mais après la requête ne veut pas se faire. Alros voilà je fait appel à vous.

Merci à vous bonne après midi et bon week end

[Bovino]

Code :

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

$F('element')

correspond bien à un id d'élément du formulaire ?

[akrogames]

Oui c'est bien un id, je peux pas vous montrer le formulaire car il se créé automatiquement depuis une table.

Mais je montre ce que j'obtient:

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
 
    <form name="MailForm" class="FormAffiche">
 
    <input name="form" id="form" value="1" type="hidden">
    <input name="Type_site" id="Type_site" value="" type="hidden">
 
<p class="affichageForm">
<label for="6_pays">Pays *</label>
<input name="6_pays" id="6_pays" size="" value="" type="text">
</p>
 
	<p class="FormButton">
		<input value="Annuler" name="Annuler" type="reset">&nbsp;
		<input id="BTsub" value="Envoyer" name="Envoyer" onclick="EnvoieForm()" type="button">
	</p>

Donc oui il y a les id qui sont les même. Je t'ai coupé le formulaire car il est long et cela servais à rien de tout mettre.

Voilà a mon avis c'est une erreur de syntaxe dans mon javascript mais je peux pas te dire. Si tu vois mon erreur car je ne la voit pas.

Merci à toi

[Bovino]

Désolé, pas trop le temps de m'y pencher tout de suite, mais si tu ne veux envoyer que les éléments de ton formulaire, tu ferais probablement mieux de passer par :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function EnvoieForm(){
 
 
       $('form').request(
	{
		method: 'post',
		onSuccess: function() { alert('Requête terminée avec succès.') },
		onFailure: function() { alert('Requête échouée.') }
	}
);
 
}

en ajoutant

Code :

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

<form name="MailForm" class="FormAffiche" action="../cgi-local/ttt_form.pl">

[akrogames]

Ah c'est possible de faire comme cela je ne savais pas...

Ah bah je vais essayer lundi je te dirai si cela ne marche pas.

Merci à toi tu viens de m'apprendre un truc

Bon week end à toi

[Bovino]

De rien
Pour plus d'info sur l'envoi spécifique de formulaire via Ajax avec prototype :
La doc officielle (en anglais)
Tu peux aussi regarder l'excellent travail (comme toujours ) de notre mentor en javascript :
http://www.developpez.net/forums/d60...rmulaire-ajax/