Bonjour.

Quand y a plus d'une page, à la dernière, le bouton disparait
et c'est ce que je veux. Mais il ne disparait pas à la première page
quand y en a juste une. Je crois fortement que c'est la ligne 41
qui est en cause.

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
        $(document).ready(function() 
        {
                var track_click = 0; //track user click on "load more" button, righ now it is 0 click
 
                var search = "<?php echo $search; ?>";
 
                var total_pages = <?php echo $total_pages; ?>;
 
                $('#results').load("fetch_pages.php", { page:track_click, s:search }, function() {track_click++;}); //initial data to load
 
                $(".load_more").click(function (e) 
                { //user clicks on button
 
                    $(this).hide(); //hide load more button on click
                    $('.animation_image').show(); //show loading image
 
                    if(track_click <= total_pages) //make sure user clicks are still less than total pages
                    {
                            //post page number and load returned data into result element
                            $.post('fetch_pages.php',{'page': track_click, s: search }, function(data) {
 
                                    $(".load_more").show(); //bring back load more button
 
                                    $("#results").append(data); //append data received from server
 
                                    //scroll page to button element
                                    $("html, body").animate({scrollTop: $("#load_more_button").offset().top}, 1000);
 
                                    //hide loading image
                                    $('.animation_image').hide(); //hide loading image once data is received
 
                                    track_click++; //user click increment on load button
 
                            }).fail(function(xhr, ajaxOptions, thrownError) { 
                                    alert(thrownError); //alert any HTTP error
                                    $(".load_more").show(); //bring back load more button
                                    $('.animation_image').hide(); //hide loading image once data is received
                            });
 
                            if(track_click >= total_pages-1)
                            {
                                    //reached end of the page yet? disable load button
                                    $(".load_more").detach(); // disparaitre le bouton PLUS
                                    $('.animation_image').detach(); // disparaitre l'image "loading..."
                            }
                     }
                });
        });
Mon code fait la job concernant la pagination et l'affichage des données
dans son ensemble.

A la ligne 41, j'ai essayé diverses conditions et ça ne change pas pour
le mieux. Si quelqu'un peut m'éclairer sur une solution pour faire
disparaitre le bouton lorsqu'il y a qu'une seule page.