Aller au contenu

17. Les interactions

Copier et partager

page "promo" :
    variable code = "BIENVENUE10"
    titre "Ton code promo"
    texte code
    bouton "Copier le code"
    bouton "Partager"
    quand l'utilisateur clique sur "Copier le code" :
        copier code avec message "Code copié"
    quand l'utilisateur clique sur "Partager" :
        partager "Viens voir la boutique" avec titre "La boutique" avec lien vers "promo"

Les minuteries

page "chrono" :
    variable secondes = 0
    variable actif = vrai
    variable copie = faux
    titre "Chrono"
    texte "Ouvert depuis {secondes} secondes"
    toutes les 1 seconde tant que actif est vrai :
        changer secondes par secondes + 1
    bouton "Arrêter"
    quand l'utilisateur clique sur "Arrêter" :
        changer actif par faux
        changer copie par vrai
        apres 2 secondes :
            changer copie par faux
    si copie est vrai :
        texte "Arrêté !"

Une minuterie s'arrête quand on quitte la page, et se met en pause quand l'onglet est caché.

Les raccourcis et la recherche pendant la frappe

page "recherche" :
    variable resultats = []
    titre "Recherche"
    champ "recherche" avec indice "Chercher un livre" et raccourci "/"
    quand l'utilisateur arrete d'ecrire dans "recherche" :
        envoyer requete vers "/recherche" avec le champ "recherche" dans resultats
    calcul trouves = nombre de resultats
    texte "{trouves} résultats" avec annonce
    pour chaque r dans resultats :
        texte r
    bouton "Aide" avec raccourci "controle+k"
    quand l'utilisateur clique sur "Aide" :
        afficher "Tape / pour chercher"

avec annonce fait lire le texte par les lecteurs d'écran quand il change.

Le défilement infini

page "catalogue" :
    variable produits = []
    variable nouveaux = []
    variable numero = 1
    variable il_reste = vrai
    titre "Catalogue"
    section avec nom "liste" :
        pour chaque p dans produits :
            texte p
    quand l'utilisateur arrive en bas de "liste" tant que il_reste est vrai avec bouton "Voir plus" :
        envoyer requete vers "/produits" avec numero dans nouveaux
        pour chaque n dans nouveaux :
            ajouter n a produits
        changer numero par numero + 1
        si nouveaux est vide :
            changer il_reste par faux

Le bouton « Voir plus » reste disponible pour les personnes qui naviguent au clavier.