Pagination et filtre

Salut voilà j'ai fait une pagination qui marche sur la page par default sur laquelle on arrive, par contre dès que l'utilisateur clique un filtre ( Aujourd'hui, demain, ce week end ).
La pagination ne s'affiche plus....normal car elle n'est pas intégrer dans le script js.
Le traitement pour ma pagination marche est dans une autre page que j'importe par un include

Le script qui me permet d'actualiser les news en fonction du bouton sur lequel l'utilisateur a cliqué.

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
// On déclare la fonction qui va aller chercher les données en base de données selon le bouton cliqué
function chargerDonnees(bouton) {
    // On appelle en ajax le fichier rechercheAjax.php et on lui passe en GET le bouton sur lequel l'utilisateur a appuyé
    $.ajax({
        url: 'include/rechercheAjax.php?bouton=' + bouton,
        // Lorsque le fichier rechercheAjax.php a fini de s'exécuter, il retourne une chaîne au format JSON
        success: function (data) {
            var sorties = $.parseJSON(data);
            console.log(sorties);
            // Pour chacune des lignes retournées
            $('#bloc_page').html('');
            for (var i = 0; i < sorties.length; i++) {
                // On prépare l'HTML qui va afficher les résultats
                // Pour chacune des lignes retournées
                // On vide la zone de résultats
                var html = '<div class="col-md-4 col-sm-6 marg15"><div class="wrap"><a href="add_favoris.php?idfav=' + sorties[i].id_loisirs + '" ><div class="corner">FAVORIS</div></a>';
                html += '<a href="annonce_zoom.php?id=' + sorties[i].id_loisirs + '" >';
                if (sorties[i].photo != "") {
                    html += '<img class="img-responsive" src="img/annonce/' + sorties[i].photo + '" ></a>';
                }
                html += '<h3>' + sorties[i].titre + '</h3>';
                html += '<p class="desc">' + sorties[i].description + '</p>';
                html += '<hr><div class="utiles">';
                html += '<p class="pull-right pad10">' + sorties[i].date_debut_sortie + '</p>';
                html += '<p class="city pull-left pad10"><i class="fa fa-map-marker"></i> ' + sorties[i].city + '</p></div>';
                html += '<a href="annonce_zoom.php?id=' + sorties[i].id_loisirs + '"><input class="look pull-right" type="button" value="CONTINUER"></a></div></div></div>';
                // On ajoute l'HTML préparé à la page
                $('#bloc_page').append(html);
            }
        }
    });
}

Les boutons:

Code:

1
2
3
4
5
6
<ul class="nav nav-tabs">
          <li class="active"><a href="#home" onclick="javascript:chargerDonnees(0);" data-toggle="tab" >Toutes</a></li>
          <li><a href="#profile" onclick="javascript:chargerDonnees(1);" data-toggle="tab">Aujourd'hui</a></li>
          <li><a href="#messages" onclick="javascript:chargerDonnees(2);" data-toggle="tab">Demain</a></li>
          <li><a href="#settings" onclick="javascript:chargerDonnees(3);" data-toggle="tab">Ce week - end</a></li>
</ul>

et enfin les news qui s'affiche avec la pagination

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
45
46
47
<div id="bloc_page">
    <?php while($loisirs=mysql_fetch_array($resultat)) { ?>
    <?php $date_sortie=D ateTime::createFromFormat( 'Y-m-d', $loisirs[ 'date_debut_sortie']);?>
    <?php $date=D ateTime::createFromFormat( 'Y-m-d H:i:s', $loisirs[ 'date_debut_sortie']);?>
    <?php $datef=D ateTime::createFromFormat( 'Y-m-d H:i:s', $loisirs[ 'date_fin_sortie']);?>
    <?php $diff=f loor(($datef->getTimestamp() - $date->getTimestamp())/86400) ;?>
    <!-- Annonce -->
    <div class="col-md-4 col-sm-6 marg15">
        <div class="wrap">
            <a href="add_favoris.php?idfav=<?php echo $loisirs['id_loisirs'];?>">
                <div class="corner">FAVORIS</div>
            </a>
            <a href="annonce_zoom.php?id=<?php echo $loisirs['id_loisirs'];?>">
                <?php if(!empty($loisirs[ 'photo'])){?>
                <img class="img-responsive" src="img/annonce/<?php echo $loisirs['photo'];?>">
                <?php }?>
            </a>
            <h3><?php echo $loisirs['titre']; ?></h3>
            <p class="desc">
                <?php echo substr($loisirs[ 'description'], 0, 150). '...'; ?>
            </p>
            <hr>
            <div class="utiles">
                <p class="pull-right pad10">
                    <?php echo ucfirst($jour[$date->format('N')]); ?>
                    <?php echo $date->format('d'); ?>
                    <?php echo ucfirst($mois[$date->format('n')]); ?></p>
                <p class="city pull-left pad10">
                    <i class="fa fa-map-marker"></i> 
                    <?php echo $loisirs[ 'city'];?>
                </p>
            </div>
 
            <a href="annonce_zoom.php?id=<?php echo $loisirs['id_loisirs'];?>">
                <input class="look pull-right" type="button" value="CONTINUER">
            </a>
        </div>
    </div>
 
    <?php }?>
 
    <!-- P A G I N A T I O N -->
    <div class="pagination">Pages :
        <?php $listParam='' ; foreach($_GET as $key=>$param){ if($key != 'page'){ $listParam .= '&'.$key.'='.$param; } } for($i=1; $i
        <=$nbPages; $i++){ if($i==$pageActuelle) { echo ' <span class="page active">'.$i. '</span> '; }else{ echo '<div class="page"><a href="sortie.php?page='.$i.$listParam. '">'.$i. '</div></a> '; } } ?>
    </div>
</div>