Bonjour à tous,
J'essaye d'apprendre AJAX est à chaque fois je me fais rebouter par le même genre de problème je commence à en avoir assez de ce AJAX.... En effet rien ne se passe sur mon navigateur web: (MOZILLA Firefox 3 Beta 5)
Bon je vous poste mon code pour voir si c'est moi qui suis bête ou alors mon navigateur qui dérape ou alors je sais pas...
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
23
24
25
26
27 <script type="text/javascript" src="/prototype.js"></script> <script type="text/javascript"> function SendForm(){ $('GoCara').disabled='disabled'; $('GoCara').value='en cours ...'; $('valuCara').disabled='disabled'; $('cara').disabled='disabled'; 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(){ $('GoCara').style.visibility = 'hidden'; $('GoCara').style.display = 'none'; $('textOK').style.visibility = 'visible'; $('textOK').style.display = 'block'; } } </script>
Mon formulaire:
Quand je clique sur le boutton rien ne se produit... alors j'espère que vous comprendrez car sinon AJAX cela marche toujours chez les autres jamais chez sois.
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 <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</OPTION>"; </SELECT> </td> </tr> <tr> <td>Valeur caractéristique : </td> <td> <TEXTAREA rows="4" name="valuCara" id="valuCara"></TEXTAREA> </td> </tr> <tr> <td></td> <td><input type="button" value="Enregistrer caractéristique" name="GoCara" id="GoCara" onclick="javascript:SendForm()"></td> </tr> </table> </form> <div id="textOK" style="visibility: hidden; display: none">votre message a bien été envoyé<br>merci</div>
Bonne nuit a tous
Partager