Module chronomètre pouvant être déclenché sur le site ?

[RobertG]

Chapeau, Pascal !

[pmleconte]

Allez, soyons fou : version 1.1.1 qui part de zéro et s'incrémente. Il suffit d'ajouter |up| et on change de sens.

On peut aussi mettre 0 en valeur => pas de limite de temps en mode up

Pascal

[RobertG]

Oui, j'avais cherché sur le JED, on ne trouve que des comptes à rebours, pas de chrono démarrant à zéro pour compter du temps passé.

[pmleconte]

Sur le JED, il y a plein de chronomètres, mais, il s'agit surtout de décomptes avant une date cible : début des soldes, fin d'année, ....

Pascal

PS : avec le resultat de recherche, c'est mieux : https://extensions.joomla.org/extens...clearfilters=1 ou https://extensions.joomla.org/extens...clearfilters=1

[RobertG]

Merci Pascal ! Oui, c'est très bien avec cette formule !
Ce projet mis à part, je reste étonné qu'il n'y ait pas de véritable chronomètre, qui pourrait être utile dans d'autres situations.

[pmleconte]

Si cela t'intéresse encore, j'ai fait un peu évoluer le plugin (version 1.1.0) où on peut paramétrer une liste avec intervalle; Dans ton cas, on remplace le paramètre count=.. par list=8|interval=900.

Cela va générer une liste à 8 choix avec intervalle de 900 secondes (=> 15mn), donc de 15 minutes à 2h. Il n'y a qu'à sélectionner dans la liste. C'est toujours en mode "countdown" et je ne sais pas si c'est ce que tu cherches désormais.

Pascal

[RobertG]

J'ai fini par trouver des scripts en faisant une recherche sur "stopwatch jQuery", mais ça ne m'avance pas, je ne sais pas m'en servir...

[RobertG]

Je l'avais senti !
La cliente ne veut qu'un bouton, alors quelle a des rendez-vous qui vont pouvoir durer d'un quart d'heure à deux heures, par tranches de 15 minutes, donc soit on lui laisse un seul chrono de 2 heures l'obligeant à surveiller ou un de 15 minutes l'obligeant à cliquer de nouveau et se souvenir le nombre de fois où elle a cliqué..., soit il faudrait trouver un "vrai " chronomètre qui fasse donc l'inverse d'un "countdown" ou un moyen pour saisir en frontend le temps de ce compte à rebours.
Je n'ai pas trouvé de script qui fasse l'inverse du jquery.time-to.js et je ne m'y connais pas en JS pour transformer moi-même un tel fichier.
Quelle bonne idée ai-je eu de proposer ce chrono !

[RobertG]

Merci Pascal ! C'est en effet corrigé sur ce template aussi.

[pmleconte]

Version 1.0.10 en ligne.

Il s'agissait d'un problème lié à la version bootstrap. Dans ta version (et celle de protostar), il y a une ligne qui force line-height pour les "li".

Tout l'effet de défilement des secondes se base sur la hauteur des "li" et ne fonctionnait plus si quelqu'un d'autre modifiant cette taille.

J'ai modifié mon CSS pour reprendre la main dessus.

Cela fonctionne avec Protostar maintenant. Merci de me dire si c'est OK aussi pour toi.

Pascal

[RobertG]

Problème avec la 1.0.9, je n'ai que la moitié des chiffres en hauteur, ils sont décalés vers le haut.
Je t'ai envoyé en MP l'adresse d'une page où tu peux le constater toi-même

[RobertG]

Encore merci, Pascal !

[pmleconte]

Et une version 1.0.8.....

Nouveau paramètre "text" qui contient le contenu du bouton. D'autre part, le bouton initial reste présent (je le faisais disparaître avant) mais est désactivé quand le chrono tourne. Donc, ton message reste affiché.

Si le paramètre "text" n'est pas fourni, le bouton contient "Timer <durée>".

{cgcount count=<timer in seconds>|text=<button text>|color=<theme color: black/white>|msg=<a stop message>|auto=<true/false>}

L'ordre des paramètres n'a pas d'importance et seul le paramètre count est obligatoire.

Pascal

[RobertG]

Oui, c'est pour différencier plusieurs chronos. Sur le projet en cours, huit durées de rendez-vous étant possibles, j'ai donc huit boutons, et un rappel de la durée initiale sans devoir ajouter du texte précisant cette durée avant le bouton, dans le module comme je l'avais fait initialement me semble pratique.

En remplaçant la ligne précédemment citée par

$output .= '<input type="button" id="cgstop_btn_'.$i.'" class="cg_hide_btn cg_btn" value="'.$stopmsg.'" onclick="go_stopcountdown('.$i.')">';

j'obtiens ce que je souhaitais.

[pmleconte]

Bonjour,

Le message sera affiché quand le temps est écoulé dans une boite de dialogue et non dans le bouton "stop". Je ne vois pas l’intérêt, dans le bouton, puisque le temps défile au dessus.

Est-ce, à ton sens, pour différencier plusieurs chrono ?

Pascal