15,00

Tuto Afficher des résultats : Créer un scroll infini sans rechargement de page avec Php, jQuery

15,00

  • Une formation vidéo de 1h14m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Afficher des résultats : Créer un scroll infini sans rechargement de page

ajouter ce cours aux favoris retirer ce cours des favoris

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.

Table des matières de cette formation Php, jQuery (durée : 1h14m)

    • Création d'un nouveau bouton 00:07:02
    • Limiter le nombre de résultats 00:02:24
    • Mise en place d'un script jQuery 00:04:24
    • Mise en place d'un fichier _recherche.php 00:06:10
    • Retour sur les variables 00:07:07
    • Amélioration de l'apparence des résultats 00:02:10
    • Modification de la limite des résultats 00:05:19
    • Ajout de nouvelles datas 00:04:17
    • Rendre dynamique la valeur du comptage 00:04:41
    • Rendre dynamique tous les choix du formulaire 00:06:58
    • Cacher le bouton "Voir d'autres biens" 00:04:11
    • Rendre dynamique le nombre total de bien 00:02:09
    • Création d'une méthode de comptage 00:05:01
    • Appel de la méthode de comptage 00:03:48
    • Conditionnement du bouton "Voir d'autres biens" 00:03:57
    • Mise en place d'un loading 00:03:55
    • Conclusion 00:01:01



Formateur : Carl Brison

Carl Brison a publié 273 tutoriels et obtenu une note moyenne de 4,9/5 sur 17 368 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

3
avis laissés
5 étoiles
3
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de membre-7129-6122 laissé le 28/11/2021
    Sympa comme tuto , dommage que la réalisation du moteur de recherche ne soit pas incluse .
    "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"

  • 5
    avis de valerie-a77 laissé 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.
    "Merci beaucoup pour votre commentaire très gentil. Je suis ravi d'avoir de vos nouvelles "

  • 5
    avis de jmch73 laissé le 23/05/2020
    Wouf!! c'est du costaud mais toujours agréable à suivre et très bien expliqué merci
    "Merci beaucoup ! Cela me fait extrêmement plaisir ;-)"

  • 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é
Parcours Developpeur PHP
accédez à plus de 1432 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données