$ 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

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é 166 tutoriels et obtenu une note moyenne de 4,9/5 sur 11 265 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 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é
accédez à plus de 1205 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données