Afficher des résultats : Créer un scroll infini sans rechargement de page
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Afficher des résultats : Créer un scroll infini sans rechargement de page

Carl Brison
Promo -47% Jusqu'au 03 novembre, 23:00
8,00€14,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto, nous allons apprendre à afficher plus de résultats sans recharger la page.
Nous partirons du moteur de recherche que nous avons appris à créer dans un cours précédent. Même si il est recommandé d'avoir visionné ce tutoriel, rien ne vous empêche de prendre le train en marche et d'apprendre à créer simplement ce chargement de données en scroll infini.
 

Dans ce tuto Scroll Infini sans rechargement de page :

Le Scroll Infini est une alternative moderne à la traditionnelle pagination.
Ce chargement de données s'effectuera en utilisant la technologie AJAX et jQuery.
Pour la partie PHP nous continuerons à développer en orienté objet.

Le but sera de faire apparaître un bouton "Voir plus de résultats" pour afficher plus de résultats à l'écran.
En cliquant sur ce bouton, de nouveaux résultats seront affichés sans effectuer de rechargement de page (AJAX).
Dès que nous n'aurons plus d'autres résultats à afficher, ce bouton disparaitra.

Pour suivre cette formation en ligne dans de bonnes conditions, il est fortement recommandé :

Je mets à votre disposition, l'ensemble des codes de ce tuto.
Un QCM en fin de cours vous sera proposé. Ce dernier vous permettra de valider vos nouvelles connaissances !
Vous pourrez soumettre toutes vos questions dans le salon d'entraide du cours, si vous êtes bloqués à une étape de ce tuto.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Création d'un nouveau bouton
Leçon 2
Limiter le nombre de résultats
Leçon 3
Mise en place d'un script jQuery
Leçon 4
Mise en place d'un fichier _recherche.php
Leçon 5
Retour sur les variables
Leçon 6
Amélioration de l'apparence des résultats
Leçon 7
Modification de la limite des résultats

Plan détaillé du cours

Leçon 1Création d'un nouveau bouton
07m02
Leçon 2Limiter le nombre de résultats
02m24
Leçon 3Mise en place d'un script jQuery
04m24
Leçon 4Mise en place d'un fichier _recherche.php
06m10
Leçon 5Retour sur les variables
07m07
Leçon 6Amélioration de l'apparence des résultats
02m10
Leçon 7Modification de la limite des résultats
05m19
Leçon 8Ajout de nouvelles datas
04m17
Leçon 9Rendre dynamique la valeur du comptage
04m41
Leçon 10Rendre dynamique tous les choix du formulaire
06m58
Leçon 11Cacher le bouton "Voir d'autres biens"
04m11
Leçon 12Rendre dynamique le nombre total de bien
02m09
Leçon 13Création d'une méthode de comptage
05m01
Leçon 14Appel de la méthode de comptage
03m48
Leçon 15Conditionnement du bouton "Voir d'autres biens"
03m57
Leçon 16Mise en place d'un loading
03m55
Leçon 17Conclusion
01m01

Aperçus

Avis des apprenants

Détail des avis
60
Apprenants
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 28/11/2021
sympa comme tuto , dommage que la réalisation du moteur de recherche ne soit pas incluse .
Carl Brison
Carl Brison
Merci pour votre commentaire. Le moteur de recherche est entièrement développé dans ce tuto: https://fr.tuto.com/php/moteur-de-recherche-multicritere-en-php,137711.html
Valérie Arno
Valérie Arno
Publié le 11/11/2020
Un tuto plutôt intéressant pour les apprenants qui ont le niveau, ce qui n'est pas du tout mon cas. J'ai pu suivre grâce au code fourni mais hélas cela me dépasse. J'ai encore du pain sur la planche avant d'arriver à de telles prouesses :-) Merci Carl c'était quand même un plaisir de suivre vos explications.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil. Je suis ravi d'avoir de vos nouvelles
Jmch73
Jmch73
Publié le 23/05/2020
wouf!! c'est du costaud mais toujours agréable à suivre et très bien expliqué merci
Carl Brison
Carl Brison
Merci beaucoup ! Cela me fait extrêmement plaisir ;-)

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

Php , jQuery

Que contient le fichier source ?

Le code source du tuto

Quel est le niveau requis pour suivre ce tuto ?

avancé

Payer plus tard

Prix d'achat : 8,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1412 tutos gratuits

Notre politique de protection des données