Mettre à jour tp1_index_script.js pour que la pagination fonctionne
Afficher seulement 10 premier livres lors du chargement de la page
Les buttons de menu de pagination doivent afficher les livres correspondants
Exercice 2 : Chaîne de requête
Préparation
Visualiser le fichier tp1_index.html dans un navigateur.
Clicker sur le lien details sur une ligne.
Le navigateur affiche ensuite la page tp1_detail.htmt et l'URL contient une chaîne de requête ?bookid=[id du livre].
Ouvrir tp1_detail.html et tp1_detail_script.js dans un éditeur du text
pour récupérer et afficher le livre avec l'identifiant trouvé dans la chaîne de requête.
Les informations d'un livre seront affichés par les 3 textboxes dans tp1_detail.html
Voici le pseudo-code de l'implémentation la fonction displayBookById()
fonction afficherLivreParId(){
txtTitle <-- document.getElementById("txtTitle");
txtAuthor <-- document.getElementById("txtAuthor");
txtYear <-- document.getElementById("txtYear");
bookid <-- Valeur de "id" dans la chaîne de requête
//books un tableau de livres
Pour i de 0 à books.taille-1
Faire
Si books[i].id = bookid
Alors
//Afficher les information du livre en utilisant : txtTitle, txtAuthor, et txtYear
//et les valeurs de books[i]
FinSi
FinPour
}
Exercice 3 : Menu de pagination
Préparation
Ouvrir tp1_index.html et tp1_index_script.js dans un éditeur du text
Dans tp1_index.html les boutons de pagination sont fixés.
Si le nombre de pages est inférieur ou supérieur à 5, les boutons ne sont pas mis à jour.
On va supprimer les buttons dans la division id="pageLinks" et les générer avec JavaScript
Rappel : dans l'exercice 1, nous avons généré les liens "Details" (les balises a) avec une chaîne de requête correspondant au livre
Nous pouvons appliquer le même technique pour générer les boutons de pagination.
Attention : ces boutons appellent la fonction loadPage() avec les numéros de page correspondants.
Implémentation
Mettre à jour la fonction showPageLinks() dans tp1_index_script.js
Générer les butons de pagination en tenant compte :
Le nombre de livres dans la BDD
La taille d'une page (variable pageSize)
Projet
Appliquer le technique de pagination et la chaîne de requête à votre projet :
Dans l'interface "apprendre" : afficher 5 questions par page, avec un menu de pagination
Dans l'interface "apprendre" : avoir un bouton ou un lien qui permet de voir le détail de chaque question dans une autre page web
Dans l'interface "jeu" : afficher une question par page, avec un menu de pagination