Page 1 sur 1

Formulaire action = redirection selon variable

Posté : 04 déc. 2015, 22:33
par yoann38
Salut à tous.
Je vous expose le problème.
J'ai un formulaire qui marche très bien à ce jour.
Le hic est que actuellement le traitement ce fait toujours sur la meme page ( vu le formulaire c'est normal ).

actuellement le formulaire se traite sur la page sortie.php
J'aimerais qu'il soit redirigé sur l'url qui correspond au département
si une ville est renseigné redirigé sur une url avec la ville
...

Le formulaire en lui même:
<form id="choice" name="liste deroulante" method="post" action="<?php echo $_SERVER['REQUEST_URI']; ?>">
                
               
                    <div class="col-md-12">
                    	<input class="form-control" placeholder="code postal, ville, nom"  name="requete" id="requete" type="search">
                    </div>               

            		<div class="col-md-3 col-sm-3 max">
                            <?php // Gestion des variables des départements
                            $region = !empty($_SESSION['membre']['id_region']) ? simplification($aRegion[$_SESSION['membre']['id_region']]) :NULL;
                            $region = !empty($_REQUEST['region']) ? $_REQUEST['region'] : $region; /* Si la region est renseigné dans l'url il est prioritaire */
                            $departement = !empty($_SESSION['membre']['id_departements']) ? $_SESSION['membre']['id_departements'] : NULL;
                            $departement = !empty($_REQUEST['departement']) ? $_REQUEST['departement'] : $departement; /* Si le departemebt est renseigné dans l'url il est prioritaire */
                            ?>
                            
                            <select name="departement" id="departement" class="selectpicker max" data-region="<?php echo $region; ?>">
                            <option value="">Votre département</option>
                            <?php echo aRegionDepartement($region, $departement); ?>
                            </select>   
                    </div>

Partie rechercheajax.php ( les requetes )
if(!empty($_REQUEST['datetimepicker'])) {
		$date = DateTime::createFromFormat('d/m/Y', $_REQUEST['datetimepicker']);
		$du = $au = $date->format('Y-m-d');
	}
		
	// On récupere le jour de la semaine en fonction de la date
	$jourRecherche = date('N', strtotime($du));
	

	$_REQUEST['departement'] = !empty($_REQUEST['departement']) ? $_REQUEST['departement'] : NULL;
	$_REQUEST['departement'] = !empty($_SESSION['membre']) && empty($_REQUEST['departement']) && empty($_REQUEST['region']) ? $_SESSION['membre']['id_departements'] :$_REQUEST['departement'];
	
    $sql = "SELECT * FROM `loisirs`  JOIN `regions` ON `regions`.`region_id` = `loisirs`.`id_region` WHERE `loisirs`.`date_fin_sortie` > NOW() AND `loisirs`.`valide` = 1";
	
  	$sql .= !empty($_REQUEST['region']) ? ' AND `regions`.`url` = "'.$_REQUEST['region'].'"' : NULL;
    $sql .= !empty($_REQUEST['departement']) ? ' AND `loisirs`.`id_departements` = '.$_REQUEST['departement'] : NULL;
    $sql .= !empty($_REQUEST['loisir']) ? ' AND `loisirs`.`id_type_loisirs` = "'.$_REQUEST['loisir'].'"' : NULL;
	

	 
	
	// Recherche par date
	if(!empty($du)) {
	}
    $sql .= !empty($du) && !empty($au) ? " AND (DATE_FORMAT(`loisirs`.`date_debut_sortie`, '%Y-%m-%d') <= '".$du."' AND DATE_FORMAT(`loisirs`.`date_fin_sortie`, '%Y-%m-%d') >= '".$au."')" : NULL;
	// Fin de la recherche par date
	
   // moteur de recherche
   if(isset($_POST['requete']) && $_POST['requete'] != NULL) // on vérifie d'abord l'existence du POST et aussi si la requete n'est pas vide.
   {
   $requete = htmlspecialchars($_POST['requete']); 
   $sql = "SELECT * FROM loisirs WHERE titre LIKE '%$requete%' OR city LIKE '%$requete%' OR postcode LIKE '%$requete%' "; 
    // Moteur de recherche
   }
   //fin du moteur de recherche
   
    $req = $bdd->query($sql);
Et enfin le JS au complet
// JavaScript Document
// On donne une action dès qu'on clique sur un lien des nav
$(document).ready(function(){
    $('.filter-tabs a, .page:not(.active)').on('click', function(e) {
				
        e.preventDefault(); // On annule le fait d'avoir cliqué sur le lien.
        var du = $(this).attr('data-du');
        var au = $(this).attr('data-au');
        var page = $(this).attr('data-page');
        chargerDonnees(du, au, page);
	});
});
// On déclare la fonction qui va aller chercher les données en base de données selon le bouton cliqué
function chargerDonnees(du, au, page) {
	
	var dep = $('#departement').val();
	var region = $('#departement').attr('data-region');
	var req = $('#requete').val();
	var loisir = $('#loisir').val();
	var datetimepicker2 = $('#datetimepicker2').val();
	
    $.ajax({
        type: 'POST',
        url: 'include/rechercheAjax.php',
        data: 'du='+du+'&au='+au+'&page='+page+'&departement='+dep+'&region='+region+'&requete='+req+'&loisir='+loisir+'&date='+datetimepicker2,
        processData: true,
        async: false,
		

        beforeSend: function() {
            $('#bloc_page').html('Chargement en cours');
        },
        success: function (data) {
            $('#bloc_page').html(data);
            // On doit le rappeller car un nouveau bloc pagination a été créé
			
            $('.page:not(.active)').on('click', function(e) {
				
                e.preventDefault(); // On annule le fait d'avoir cliqué sur le lien.
                var du = $(this).attr('data-du');
                var au = $(this).attr('data-au');
                var page = $(this).attr('data-page');
                chargerDonnees(du, au, page);
            });
        }
    });
}
htaccess.
#--------------------------------------------------
# Répertoire : /
#--------------------------------------------------

# Activation du module de réécriture d'URL 

Options +FollowSymLinks
Options -MultiViews
RewriteEngine On




RewriteRule ([a-zA-Z0-9\-]+)/([0-9]+) annonce_zoom.php?url=$1&id=$2


#--------------------------------------------------
# R�gles de réécriture d'URL :
#--------------------------------------------------

# Recherche
RewriteCond %{QUERY_STRING} ^q=
RewriteRule ^(index\.php)?$ recherche.php [L] 

RewriteRule ^toutes-les-sorties-en-region-([A-Za-z0-9_-]+)-du-departement-([0-9]{2}).html$ sortie.php?region=$1&departement=$2
RewriteRule ^toutes-les-sorties-en-region-([A-Za-z0-9_-]+).html$ sortie.php?region=$1
RewriteRule ^toutes-les-sorties.html sortie.php
#RewriteRule ^([A-Za-z0-9_-]+).html$ $1.php

Re: Formulaire action = redirection selon variable

Posté : 05 déc. 2015, 02:13
par Elie
La fonction chargerDonnees() ne semble pas être appellée quand on valide le formulaire.
Le but de l'AJAX est de rafraichir une div avec un contenu différent sans avoir besoin de rafraichir la page.

Re: Formulaire action = redirection selon variable

Posté : 06 déc. 2015, 00:03
par Elie
Dans un premier temps, il faut rajouter la fonction JS qui recalcule le formulaire en AJAX.

Donc entre
$(document).ready(function(){ et }
Il faut rajouter
$('#choice').on('submit', function(e) {
		e.preventDefault(); // On annule le fait d'avoir validé le formulaire
        var du = $(this).attr('data-du');
        var au = $(this).attr('data-au');
        var page = 1;	// Si formulaire, on repart de la page 1 de base
        chargerDonnees(du, au, page);
	});
Après je comprend pas trop le principe de ton champ "requete".
Pourquoi ne pas le rajouter dans le $sql de base ? Pourquoi refaire une nouvelle $sql ?
$sql .= !empty($_POST['requete']) ? " AND (`titre` LIKE '%".$requete."%' OR `city` LIKE '%".$requete."%' OR `postcode` LIKE '".%$requete."%')" : NULL;
Ensuite pour ton histoire d'url rewriting.
Je ferais un print_r($_GET); pour voir les variables que tu recupères et un echo $sql pour voir comment la requete réagit

C'est bizarre la ligne
// On récupere le jour de la semaine en fonction de la date
  $jourRecherche = date('N', strtotime($du));
alors que $du n'est pas forcement renseigné si $_REQUEST['datetimepicker'] n'est lui meme pas renseigné

Re: Formulaire action = redirection selon variable

Posté : 06 déc. 2015, 15:32
par yoann38
Donc en faisant par région
Exemple : toutes-les-sorties-en-region-rhone-alpes.html
$sql vaut :
SELECT * FROM `loisirs` JOIN `regions` ON `regions`.`region_id` = `loisirs`.`id_region` WHERE `loisirs`.`date_fin_sortie` > NOW() AND `loisirs`.`valide` = 1 AND `regions`.`url` = "rhone-alpes"
En faisant par département et ville
$sql vaut :
SELECT * FROM `loisirs` JOIN `regions` ON `regions`.`region_id` = `loisirs`.`id_region` WHERE `loisirs`.`date_fin_sortie` > NOW() AND `loisirs`.`valide` = 1 AND `loisirs`.`id_departements` = 69 AND `loisirs`.`city` = "solaize"

En faisant par ville
Exemple : toutes-les-sorties-de-la-ville-de-grenoble.html
$sql vaut :
SELECT * FROM `loisirs` JOIN `regions` ON `regions`.`region_id` = `loisirs`.`id_region` WHERE `loisirs`.`date_fin_sortie` > NOW() AND `loisirs`.`valide` = 1

Les requetes sur ma page recherche ajax.php
$du = !empty($_REQUEST['du']) ? $_REQUEST['du'] : NULL;
    $au = !empty($_REQUEST['au']) ? $_REQUEST['au'] : NULL;
    $page = !empty($_REQUEST['page']) ? $_REQUEST['page'] : 1;
	
	if(!empty($_REQUEST['datetimepicker'])) {
		$date = DateTime::createFromFormat('d/m/Y', $_REQUEST['datetimepicker']);
		$du = $au = $date->format('Y-m-d');
	}
		
	$_REQUEST['departement'] = !empty($_REQUEST['departement']) ? $_REQUEST['departement'] : NULL;
	$_REQUEST['departement'] = !empty($_SESSION['membre']) && empty($_REQUEST['departement']) && empty($_REQUEST['region']) ? $_SESSION['membre']['id_departements'] :$_REQUEST['departement'];
	
    $sql = "SELECT * FROM `loisirs`  JOIN `regions` ON `regions`.`region_id` = `loisirs`.`id_region` WHERE `loisirs`.`date_fin_sortie` > NOW() AND `loisirs`.`valide` = 1";
	
  	$sql .= !empty($_REQUEST['region']) ? ' AND `regions`.`url` = "'.$_REQUEST['region'].'"' : NULL;
    $sql .= !empty($_REQUEST['departement']) ? ' AND `loisirs`.`id_departements` = '.$_REQUEST['departement'] : NULL;
    $sql .= !empty($_REQUEST['loisir']) ? ' AND `loisirs`.`id_type_loisirs` = "'.$_REQUEST['loisir'].'"' : NULL;
	

	// Recherche par date
	$sql .= !empty($du) && !empty($au) ? " AND (DATE_FORMAT(`loisirs`.`date_debut_sortie`, '%Y-%m-%d') <= '".$du."' AND DATE_FORMAT(`loisirs`.`date_fin_sortie`, '%Y-%m-%d') >= '".$au."')" : NULL;
	
	// Recherche par ville
	$sql .= !empty($_POST['requete']) ? ' AND `loisirs`.`city` = "'.$_POST['requete'].'"' : NULL;

Actuellement si je fait une recherche sur les différents critère sql nous renvoie par exemple:
SELECT * FROM `loisirs` JOIN `regions` ON `regions`.`region_id` = `loisirs`.`id_region` WHERE `loisirs`.`date_fin_sortie` > NOW() AND `loisirs`.`valide` = 1 AND `loisirs`.`id_departements` = 69 AND `loisirs`.`id_type_loisirs` = "4" AND `loisirs`.`city` = "solaize"

Re: Formulaire action = redirection selon variable

Posté : 06 déc. 2015, 17:08
par Elie
// Recherche par ville
  $sql .= !empty($_POST['requete']) ? ' AND `loisirs`.`city` = "'.$_POST['requete'].'"' : NULL;
- Première erreur mettre $_POST au lieu de $_REQUEST qui permet de traiter ca en GET ou en POST.
- Je ne vois pas ce qui correspond à toutes-les-sorties-de-la-ville-de-grenoble.html dans ton URL Rewriting mais de toute facon, tu parles de ['requete']. Ca serait plus simple de faire une variable ['ville'] quand c'est une recherche par ville.
- Je serais toi je ferais un fonction pour recuperer toutes les villes simplifiées et trouver la bonne ville en fonction de l'url.
Je ne sais plus comment tu stockes tes villes mais tu fais un truc du genre
$villes = array();
$villes[simplification($row['ville'])] = $row['ville'];
Comme ca en faisait
'AND `loisirs`.`city` = "'.$villes[$_GET['ville']].'"'
tu auras le bon nom de de la ville.

Dommage que tu ai simplifié ton système de recherche par mot clé avec $_POST['recherche'].

Re: Formulaire action = redirection selon variable

Posté : 06 déc. 2015, 19:01
par yoann38
Re,
J'étais partis sur une variable $requete car je pensé faire un moteur de recherche pour faire une recherche par exemple par titre, ville, ou autre.

Je peut faire ça avec un truc du genre:
$sql = "SELECT * FROM loisirs WHERE titre LIKE '%$requete%' OR city LIKE '%$requete%' OR postcode LIKE '%$requete%' ";
Mais je souhaite resté que sur les villes pour l'instant.
Oui effectivement de ce fait ma variable $requete devient $ville

Mes villes sont stocké dans une table sinan.

Donc j'ai modifier le code et j'ai maintenant:
$du = !empty($_REQUEST['du']) ? $_REQUEST['du'] : NULL;
    $au = !empty($_REQUEST['au']) ? $_REQUEST['au'] : NULL;
    $page = !empty($_REQUEST['page']) ? $_REQUEST['page'] : 1;
	
	if(!empty($_REQUEST['datetimepicker'])) {
		$date = DateTime::createFromFormat('d/m/Y', $_REQUEST['datetimepicker']);
		$du = $au = $date->format('Y-m-d');
	}
		
	$_REQUEST['departement'] = !empty($_REQUEST['departement']) ? $_REQUEST['departement'] : NULL;
	$_REQUEST['departement'] = !empty($_SESSION['membre']) && empty($_REQUEST['departement']) && empty($_REQUEST['region']) ? $_SESSION['membre']['id_departements'] :$_REQUEST['departement'];
	
    $sql = "SELECT * FROM `loisirs`  JOIN `regions` ON `regions`.`region_id` = `loisirs`.`id_region` WHERE `loisirs`.`date_fin_sortie` > NOW() AND `loisirs`.`valide` = 1";
	
  	$sql .= !empty($_REQUEST['region']) ? ' AND `regions`.`url` = "'.$_REQUEST['region'].'"' : NULL;
    $sql .= !empty($_REQUEST['departement']) ? ' AND `loisirs`.`id_departements` = '.$_REQUEST['departement'] : NULL;
    $sql .= !empty($_REQUEST['loisir']) ? ' AND `loisirs`.`id_type_loisirs` = "'.$_REQUEST['loisir'].'"' : NULL;
	

	// Recherche par date
	$sql .= !empty($du) && !empty($au) ? " AND (DATE_FORMAT(`loisirs`.`date_debut_sortie`, '%Y-%m-%d') <= '".$du."' AND DATE_FORMAT(`loisirs`.`date_fin_sortie`, '%Y-%m-%d') >= '".$au."')" : NULL;
	
	// Recherche par ville
	$sql .= !empty($_REQUEST['ville']) ? ' AND `loisirs`.`city` = "'.$_REQUEST['ville'].'"' : NULL;

    $req = $bdd->query($sql);
	
	echo $sql;
sur mon formulaire:
<form id="choice" name="liste deroulante" method="post" action="<?php echo $_SERVER['REQUEST_URI']; ?>">
                
               
                    <div class="col-md-12">
                    	<input class="form-control" placeholder="code postal, ville, nom" value="<?php echo !empty($_REQUEST['ville']) ? $_REQUEST['ville'] : NULL;?>"  name="ville" id="ville" type="search">
                         <script>
						  $(document).ready(function(){
						$( "#ville" ).autocomplete({
							source: "autocomplet.php",
							dataType: "json",
							minLength: 1,
							select: function( event, ui ) {
								$('#city').val(ui.item.ville);
							}
						 });
						});
						</script>
                    </div>               

            		<div class="col-md-3 col-sm-3 max">
                            <?php // Gestion des variables des départements
                            $region = !empty($_SESSION['membre']['id_region']) ? simplification($aRegion[$_SESSION['membre']['id_region']]) :NULL;
                            $region = !empty($_REQUEST['region']) ? $_REQUEST['region'] : $region; /* Si la region est renseigné dans l'url il est prioritaire */
                            $departement = !empty($_SESSION['membre']['id_departements']) ? $_SESSION['membre']['id_departements'] : NULL;
                            $departement = !empty($_REQUEST['departement']) ? $_REQUEST['departement'] : $departement; /* Si le departemebt est renseigné dans l'url il est prioritaire */
                            ?>
                            
                            <select name="departement" id="departement" class="selectpicker max" data-region="<?php echo $region; ?>">
                            <option value="">Votre département</option>
                            <?php echo aRegionDepartement($region, $departement); ?>
                            </select>
Le js permet une auto suggestion de la ville au bout de 3 lettre saisie

Re: Formulaire action = redirection selon variable

Posté : 06 déc. 2015, 19:58
par Elie
Malheureusement, l'autocomplete ne va pas résoudre le problème du nom de la ville dans l'url.
Avec ville-grenoble ca marche mais avec ville-rhones-alpes (Je sais c'est pas un ville) mais ca ne trouvera pas Rhônes-Alpes par exemple.
Il faut donc passer par un système qui trouve le nom de la ville simplifie si ca vient de l'url ou normal si ca vient du formulaire.

Ca mérite donc juste quelques améliorations et surtout mettre en place l'url rewriting pour tester.

PS : Ton code JS n'a besoin que d'une seule lettre pour se lancer : minLength: 1, ...

Re: Formulaire action = redirection selon variable

Posté : 06 déc. 2015, 20:30
par yoann38
Je ne vois pas trop comment procéder sur la chose
"Il faut donc passer par un système qui trouve le nom de la ville simplifie si ca vient de l'url ou normal si ca vient du formulaire."

Re: Formulaire action = redirection selon variable

Posté : 06 déc. 2015, 21:02
par Elie
Ouais non c'est pas très clair.

En gros, je ferais en sorte que si la ville est précisée dans l'url, on fait une fonction pour trouver le vrai nom de la ville que l'on mettra dans le champ de recherche et dans le traitement du formulaire.

En gros, on transforme $_REQUEST['ville'];

Exemple : de-la-ville-st-amand-les-eaux.html
Initialement $_REQUEST['ville'] = 'st-amand-les-eaux';

Mais on fait un traitement de cette variable pour recuperer le vrai nom de la ville
if(!empty($_GET['ville'])) { // uniquement quand ca provient de l'url
 	$sql = "SELECT `titre` FROM `tbl_ville`";
	$req = $connexion->query($sql);
	while($row = $req->fetch(PDO::FETCH_ASSOC)) {
		if($_GET['ville'] == simplification($row['ville'])) {
			$_REQUEST['ville'] = $row['ville'];
			break;
		}
	}
 }
Bref, il faudrait trouver le vrai nom de la ville a partir de l'url

Re: Formulaire action = redirection selon variable

Posté : 06 déc. 2015, 22:00
par yoann38
Je vois un peu pré en gros

si par exemple il n y a que le département de renseigné ds le select alors on redirige genre:
toutes-les-sorties-du-departement-38.html

si par exemple il n y a que le département et la région de renseigné ds les selects alors on redirige genre:
toutes-les-sorties-de-la-region-rhone-alpes-du-departement-38.html

si par exemple il n y a que le champ de recherche "ville" alors on redirige genre:
toutes-les-sorties-de-la-ville-de-grenoble.html

Ca se complique mais c'est ça l'idée ?

Re: Formulaire action = redirection selon variable

Posté : 06 déc. 2015, 22:08
par Elie
Avant de faire ca, il faut deja que les urls rewriting marche.
Le reste c'est du JavaScript.

Il faut que tu généres un permalink (Un lien qui prend en compte les critères de recherche) et après ce permaling on le colle dans la barre de navigation en JavaScript
// Gestion de la navigation
				history.replaceState({ foo: "bar" }, 'Le titre que tu veux', 'lurl_que_tu_veux.html');
Et je remplacerai genre lurl_que_tu_veux par une valeur recuperer dans la page ajax que je mettrait dans un champ hidden par exemple et je ferais $('#permalink').val()

Exemple : http://www.subsynchro.com/tous-les-films.html
https://fr.wikipedia.org/wiki/Permalien

Tu peux meme faire un système comme si il avvait changé de page meme si la page c'est pas rafraichie avec history.pushState();

Etape #1 : Faire une recherche dans une ville depuis une URL
Etape #2 : Faire une recherche avec le fomulaire sans rafraichir la page
Etape #3 : Générer un permalink en fonction des champs utilisés pour le tri
Etape #4 : Mettre ce permalink dans la barre d'adresse en javascript

Re: Formulaire action = redirection selon variable

Posté : 06 déc. 2015, 22:16
par yoann38
Ok,
Après en fait je chercher surtout avoir des page bien distincte pour un point de vue référencement.
Il y a du pain sur la planche encore

Dès la 1ere étape je bloque.
Je peut faire une recherche via mon champ de recherche mais sans aucune redirection.
Un peu difficile à expliqué ....

Après si je saisie directement l'url en dur ds ma barre d'adresse par exemple:
http://127.0.0.1/lasortie/toutes-les-so ... laize.html

La page affiche bien les annonces en fonction de la bonne ville

Re: Formulaire action = redirection selon variable

Posté : 06 déc. 2015, 22:33
par or 1
des communes avec le même nom, il y a en plein, il faut donc gérer le cas où la personne sélectionne un département et rentre un nom de commune; ce qui complique encore plus.

donc ma vision des choses, renvoyer le formulaire vers recherche.php en oubliant l'url rewriting qui n'apporte rien vu que google ne va pas valider le formulaire. mettre des liens vers les pages region, departement, ville dans les pages que google voit.

Re: Formulaire action = redirection selon variable

Posté : 07 déc. 2015, 19:30
par yoann38
Donc voilà le js actuel:
// JavaScript Document
// On donne une action dès qu'on clique sur un lien des nav
$(document).ready (function(){
	
	

 	$('#choice').on('submit', function(e) {
		
    e.preventDefault(); // On annule le fait d'avoir validé le formulaire
        var du = $(this).attr('data-du');
        var au = $(this).attr('data-au');
        var page = 1;	// Si formulaire, on repart de la page 1 de base
        chargerDonnees(du, au, page);
		alert('test');
		
  });
 	
	
    $('.filter-tabs a, .page:not(.active)').on('click', function(e) {
        
        e.preventDefault(); // On annule le fait d'avoir cliqué sur le lien.
        var du = $(this).attr('data-du');
        var au = $(this).attr('data-au');
        var page = $(this).attr('data-page');
        chargerDonnees(du, au, page);
		alert(du+' '+au+' '+page);
		
  });
  
  
  
  
});
// On déclare la fonction qui va aller chercher les données en base de données selon le bouton cliqué
function chargerDonnees(du, au, page) {
	
  var dep = $('#departement').val();
  var region = $('#departement').attr('data-region');
  var req = $('#requete').val();
  var loisir = $('#loisir').val();
  var datetimepicker2 = $('#datetimepicker2').val();
  
  
  
    $.ajax({
        type: 'POST',
        url: 'include/rechercheAjax.php',
        data: 'du='+du+'&au='+au+'&page='+page+'&departement='+dep+'&region='+region+'&requete='+req+'&loisir='+loisir+'&date='+datetimepicker2,
        processData: true,
        async: false,
    
	

        beforeSend: function() {
            $('#bloc_page').html('Chargement en cours');
        },
        success: function (data) {
            $('#bloc_page').html(data);
            // On doit le rappeller car un nouveau bloc pagination a été créé
      
            $('.page:not(.active)').on('click', function(e) {
        
                e.preventDefault(); // On annule le fait d'avoir cliqué sur le lien.
                var du = $(this).attr('data-du');
                var au = $(this).attr('data-au');
                var page = $(this).attr('data-page');
                chargerDonnees(du, au, page);
            });
        }
    });
}

Re: Formulaire action = redirection selon variable

Posté : 07 déc. 2015, 19:38
par yoann38
donc
// JavaScript Document
// On donne une action dès qu'on clique sur un lien des nav
$(document).ready (function(){
	
	

 	$('#choice').on('submit', function(e) { 
    e.preventDefault(); // On annule le fait d'avoir validé le formulaire
    var du = null;
    var au = null;
    var page = 1;	// Si formulaire, on repart de la page 1 de base
    chargerDonnees(du, au, page); 
	alert(du+' '+au+' '+page);  
  });
 	
	
    $('.filter-tabs a, .page:not(.active)').on('click', function(e) {
        
        e.preventDefault(); // On annule le fait d'avoir cliqué sur le lien.
        var du = $(this).attr('data-du');
        var au = $(this).attr('data-au');
        var page = $(this).attr('data-page');
        chargerDonnees(du, au, page);
		
		
  });
  
  
  
  
});
// On déclare la fonction qui va aller chercher les données en base de données selon le bouton cliqué
function chargerDonnees(du, au, page) {
	
  var dep = $('#departement').val();
  var region = $('#departement').attr('data-region');
  var req = $('#requete').val();
  var loisir = $('#loisir').val();
  var datetimepicker2 = $('#datetimepicker2').val();
  
  
  
    $.ajax({
        type: 'POST',
        url: 'include/rechercheAjax.php',
        data: 'du='+du+'&au='+au+'&page='+page+'&departement='+dep+'&region='+region+'&requete='+req+'&loisir='+loisir+'&date='+datetimepicker2,
        processData: true,
        async: false,
    
	

        beforeSend: function() {
            $('#bloc_page').html('Chargement en cours');
        },
        success: function (data) {
            $('#bloc_page').html(data);
            // On doit le rappeller car un nouveau bloc pagination a été créé
      
            $('.page:not(.active)').on('click', function(e) {
        
                e.preventDefault(); // On annule le fait d'avoir cliqué sur le lien.
                var du = $(this).attr('data-du');
                var au = $(this).attr('data-au');
                var page = $(this).attr('data-page');
                chargerDonnees(du, au, page);
            });
        }
    });
}