Page 2
Utilisation de jQuery
Tel que mentionné dans la section AJAX, vous devrez utiliser jQuery pour faire des requêtes AJAX. De
plus, vous devrez utiliser jQuery à diverses sauces dans la page des statistiques de vente. JQuery
étant la bibliothèque par référence pour JavaScript, il serait dommage de s’en priver.
1. Liste des ventes
Cette page servira à valider les billets numériques des spectateurs qui arrivent le soir de
représentation. Pour ce faire, vous devrez produire un tableau affichant les informations suivantes :
(une ligne par billet)
- No de confirmation PayPal
- Nom et Prénom de l’acheteur
- Adresse de l’acheteur
- Date de représentation
- No du billet
- Le prix du billet
Le tableau doit être regroupé par ordre de date de représentation et trié par numéro de
confirmation paypal se trouvant dans le mail de confirmation ou sur le billet, il sera facile de trouver
la transaction dans la liste pour cocher que le visiteur est venu voir le show et qu’il a bien acheté un
billet.
Pour faire le filtre et le tri, nous vous recommandons d’explorer le plugin jQuery tablesorter.
Disponible à cette adresse : http://tablesorter.com/docs/
Par défaut, toutes les ventes des
représentations à venir sont
affichées dans le tableau et
regroupé. Il doit être possible de
choisir une production et de
sélectionner des dates de
représentation qui filtre le tableau
de données en éliminant les autres
représentations.
Voici un exemple de page pour
vous inspirer, mais celle-ci n’est pas
complète, il manque le total de
billet vendu en bas du tableau et
les billets sont W1, et non WEB, car
ça ne rentra pas dans la bulle
prévue pour l’écriture du no.
Il doit y avoir un effet de transition lorsqu’une production est sélectionnée. Il doit être facile de
distinguer la production sélectionnée. Cette transition doit être faites avec jQuery. Les dates de
représentation et les données affichées dans le tableau varient en fonction de la production choisie,
et ce sans recharger la page et sans utiliser de requête AJAX. Vous devrez jouer avec les propriétés
CSS à partir de jQuery pour y arriver. Les évènements clic sur les productions doivent être géré par
les évènements jQuery.