Discussion :

[dancom5]

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.

[NoSmoking]

Bonjour,
pourquoi ne pas faire

SI nbPage == 1 OU autre_condition ALORS
  cacher_Element
FINSI

[dancom5]

Merci.

J'ai suis finalement passé par PHP au lieu du Javascript.

En utilisant les conditions.

[SpaceFrog]

detach ? => remove ...

[dancom5]

Merci pour l'information.

J'ai fais le code en PHP, mais, je vais tester cette option en remaniant
le code un peu plus tard.

Je mets résolu vu qu'en PHP, ça fonctionne parfaitement.