11480 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

A partir du bout de code suivant je souhaiterais tester si mon bouton filter à été cliqué et j'aimerais qu'il me renvoit un booléen et récupérer cette valeur en php.
Merci Merci d'avance pour votre aide.
Très bonne journée.
Cdt,

<script>
jQuery(function($){
$('#filter').submit(function(){
var filter = $('#filter');

$.ajax({
url:filter.attr('action'),
data:filter.serialize(), // form data
type:filter.attr('method'), // POST
beforeSend:function(xhr){
filter.find('button').text('Recherche en cours'); // changing the button label
},
success:function(data){
filter.find('button').text('Filtrer'); // changing the button label back
$('#response').html(data); // insert data
$("#filter")[0].reset();
}
});
return false;
});
});
</script>


Et voici un bout de mon formulaire :

<form class="example" action="<?php echo site_url() ?>/wp-admin/admin-ajax.php" method="POST" id="filter">
<?php
if( $terms = get_terms( "tribe_events_cat", 'orderby=name' ) ) :
echo '<label class="select-box"><select name="categoryfilter"><option>Quoi ?</option>';
foreach ( $terms as $term ) :
echo '<option value="' . $term->term_id . '">' . $term->name . '</option>'; // ID of the category as the value of an option
endforeach;
echo '</select></label>';
endif;
?>
<button>Filtrer</button>
<input type="hidden" name="action" value="myfilter">
</form>