Installer et utiliser facilement XAMPP pour vos projets web
Installer et utiliser facilement XAMPP pour vos projets web
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
Création d'un nouveau bouton
Leçon 2
Limiter le nombre de résultats
Limiter le nombre de résultats
Leçon 3
Mise en place d'un script jQuery
Mise en place d'un script jQuery
Leçon 4
Mise en place d'un fichier _recherche.php
Mise en place d'un fichier _recherche.php
Leçon 5
Retour sur les variables
Retour sur les variables
Leçon 6
Amélioration de l'apparence des résultats
Amélioration de l'apparence des résultats
Leçon 7
Modification de la limite des résultats
Modification de la limite des résultats
Plan détaillé du cours
Leçon 1Création d'un nouveau bouton
07m02s
Leçon 2Limiter le nombre de résultats
02m24s
Leçon 3Mise en place d'un script jQuery
04m24s
Leçon 4Mise en place d'un fichier _recherche.php
06m10s
Leçon 5Retour sur les variables
07m07s
Leçon 6Amélioration de l'apparence des résultats
02m10s
Leçon 7Modification de la limite des résultats
05m19s
Leçon 8Ajout de nouvelles datas
04m17s
Leçon 9Rendre dynamique la valeur du comptage
04m41s
Leçon 10Rendre dynamique tous les choix du formulaire
06m58s
Leçon 11Cacher le bouton "Voir d'autres biens"
04m11s
Leçon 12Rendre dynamique le nombre total de bien
02m09s
Leçon 13Création d'une méthode de comptage
05m01s
Leçon 14Appel de la méthode de comptage
03m48s
Leçon 15Conditionnement du bouton "Voir d'autres biens"
03m57s
Leçon 16Mise en place d'un loading
03m55s
Leçon 17Conclusion
01m01s
Aperçus
Avis des apprenants