Jquery/AJAX function click qui ne fonctionne pas.
Pour brièvement expliquer la fonction de ce formulaire, c'est tout d'abord une recherche via l'autocomplétion (qu'il faut que je règle à 3 caractères minimum) ensuite en appuyant sur valider, cela devrait charger la page test.php et me faire un listing des varibables PHP $_POST ou en tout cas me récupérer qqch.
Au lieu de ça, j'ai la page index.php qui se recharge entièrement comme si le script n'était pas pris en compte.
Ca fait un petit moment que je cherche un peu dans tous les sens, j'ai enlevé les javascripts inutiles, mais rien n'y fait, ma page test.php ne se charge pas.
La page chargée avec le formulaire est la page index.php, page d'origine du script (ça n'a aucune incidence le nom, mais bon c'est juste au cas où cela pourrait aider)
Dans un premier temps, la liste des applis jquery chargée (la version est la 1.3.2)
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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
| <script type="text/javascript" src="/js/jquery/jquery.js"></script>
<script type="text/javascript" src="/js/validate/jquery.validate.js"></script>
<script type="text/javascript" src="/js/autoComplete/jquery.autocomplete.js"></script>
<script type="text/javascript">
$(".button").click(function()
{
//recuperation de la valeur qui de l'id #adresse
//lancement de la requete ajax pour envoyer l'adresse dans le fichier newsletter.php qui enregistrera les nouveaux abonnés
$.ajaxForm({
url: 'test.php',
type: 'POST',
data: $('#formulaire:input').serialize(),
success: function (data)
{
//renvoie du message pour confirmer ou infirmer l'inscription
$("#formulaire").html(data);
document.getElementById("formnewsletter").innerHTML=data;
},
error: alert("error on sait pas ou")
});
return false;
});
</script>
<script type="text/javascript">
$("#foo").ready(function()
{
/*var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities".split(" ");*/
$("#foo").autocomplete('searchBox.php').split(" ");
console.log("clicked: " + event.target);
});
</script> |
Et le code du formulaire, tout à fait standard.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
| <div class="in_cnt">
<form id="formulaire" action="" method="post">
<fieldset>
<p>
<label for="foo">Signe :</label><br />
<input type="text" name="foo" id="foo" value="" onkeyup="loadData();" style="width:250px" />
<input type="submit" name="submit" class="button" id="submit_btn" value="Valider" style="width:250px" />
</p>
</fieldset>
</form>
</div> |
Merci d'avance pour votre aide.
