bingojm a écrit :
Bonjour à tous,
Je cherche désespérément à envoyer un formulaire en ajax lorsque je coche une checkbox.
J'arrive à envoyer le formulaire sans problème en cliquant sur le bouton "envoi", mais j'aimerais faire disparaître celui-ci à terme et envoyer le formulaire à chaque fois qu'un checkbox est coché.
Je pense que j'y suis presque, mais je ne trouve pas la solution...
ma page principale:
Code :
- <head>
- <script language="javascript">
- function Valid(formulaire)
- {
- formulaire.submit();
- }
- </script>
- </head>
- <body>
- <form action="process.php" id="contact" method="POST">
- <p><input type="checkbox" name="myCheckboxes[]" id="myCheckboxes" value="someValue1" onclick="Valid(this.form)" /></p>
- <p><input type="checkbox" name="myCheckboxes[]" id="myCheckboxes" value="someValue2" onclick="Valid(this.form)" /></p>
- <input type="submit" value="envoi" id="envoi" />
- <?php
- include("recherche.php" );
- ?>
- <div id="calendrier"><div>
- </form>
|
ma page recherche.php:
Code :
- <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
- <script>
- $(function(){
- $("#contact" ).submit(function(event){
- $.ajax({
- type : "POST",
- url: $(this).attr("action" ),
- dataType : 'html', // On désire recevoir du HTML
- data: $(this).serialize(), //le formulaire est "sérializé"
- success : function(code_html, statut) {
- $("#calendrier" ).html(code_html);
- },
- error: function() {
- $("#calendrier" ).html("<p>Erreur d'appel, le formulaire ne peut pas fonctionner</p>" );
- }
- });
- return false;
- });
- });
- </script>
|
merci d'avance!
|