[WIDGET] Digital_Clock_Vue

[Salvialf]

OK j'ai réussi: à la prochaine mise à jour vous aurez aussi la possibilité de sélectionner la police de votre choix indépendamment sur la date et/ou sur l'heure ! Pour ceux qui ne connaissent pas vous pouvez sélectionner des polices d'écriture sur ce site par exemple sachant que le widget n'accepte que les fichiers *.ttf. Pensez bien à vérifier que les chiffres sont inclus dans la police que vous choisirez !

Je vais sûrement aussi inclure la possibilité de modifier la taille de la date et de l'heure pour avoir le contrôle sur la présentation de l'horloge en fonction de la police d'écriture choisie.

Il va donc falloir être un peu patient car j'ai encore pas mal de tests à faire et de code à écrire et à remettre en forme... Ce widget est bien plus compliqué qu'un widget ordinaire !

PS: du coup mes effets de flammes, néon et autres je me les garde ou ça vous intéresse de les avoir à disposition via un paramètre dans le widget ?

[dvb]

Good news !
(Prends ton temps, rien ne presse).

Pour ma part pas fan des effets, je laisse la communauté s'exprimer

[Salvialf]

Pour le moment elle s'est exprimé comme toi la communauté

[jpty]

Bonjour,
Merci pour le widget.

Avoir la possibilité d'afficher un autre fuseau horaire que celui du PC.
Pour cela, les fonctions javascript toLocaleString, toLocaleDateString et toLocaleTimeString acceptent des arguments sur certains navigateurs

Code : Tout sélectionner

var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', timeZone: 'UTC', timeZoneName: 'short' };
cd.toLocaleString("fr-FR", options);

Affiche: mercredi 17 avril 2019 à 08:25:14 UTC

Plus d'info ( avec compatibilité browser ) là:
https://developer.mozilla.org/en-US/doc ... caleString

Je vous ai fait un PR sur votre GitHub pour simplifier votre javascript.
Jp

[Salvialf]

Je vous ai fait un PR sur votre GitHub pour simplifier votre javascript.

Bonjour et merci beaucoup !
Commit merged ! J'en étais pas encore arrivé là donc ça m'a fait gagner un temps précieux et effectivement quel allègement du javascript c'est parfait avec tout ce que je viens d'y ajouter. encore merci.

Avoir la possibilité d'afficher un autre fuseau horaire que celui du PC.
Pour cela, les fonctions javascript toLocaleString, toLocaleDateString et toLocaleTimeString acceptent des arguments sur certains navigateurs

Code : Tout sélectionner

var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', timeZone: 'UTC', timeZoneName: 'short' };
cd.toLocaleString("fr-FR", options);

Affiche: mercredi 17 avril 2019 à 08:25:14 UTC

Je ne vais pas m'attaquer tout de suite à la possibilité d'afficher d'autres fuseaux horaires mais j'ai intégré en commentaire dans le code pour y revenir plus tard.

Une nouvelle fois merci pour les infos et le coup de main !

Au plaisir

[hansc]

Encore un super wigget

et adopté merci salvialf

PS: du coup mes effets de flammes, néon et autres je me les garde ou ça vous intéresse de les avoir à disposition via un paramètre dans le widget ?

--> via paramètres ce serait bien de ne pas les avoir par défaut

[Antoinekl1]

Merci pour ce plugin, j'ai du ajouter une balise DIV au début pour qu'il soit compatible DESIGN

[Salvialf]

j'ai du ajouter une balise DIV au début pour qu'il soit compatible DESIGN

??? pas compris !? Les copies d'écran ont été réalisées à partir de mon design.
Et j'ai reçu plusieurs shoot écrans d'autres utilisateurs qui ont intégré ce widget à leur design, j'ai donc l'audace de croire qu'il est bien déjà "compatible Design" sans ajouter quoi que ce soit. Bref...

Par contre il manquait la fermeture de la div principale à la fin ce qui n'avait rien de gênant.

[Antoinekl1]

j'ai du ajouter une balise DIV au début pour qu'il soit compatible DESIGN

??? pas compris !? Les copies d'écran ont été réalisées à partir de mon design.
Et j'ai reçu plusieurs shoot écrans d'autres utilisateurs qui ont intégré ce widget à leur design, j'ai donc l'audace de croire qu'il est bien déjà "compatible Design" sans ajouter quoi que ce soit. Bref...

Par contre il manquait la fermeture de la div principale à la fin ce qui n'avait rien de gênant.

si tu l'ajout en tant que commande, alors il n'est pas déplacable

une div non fermée, ca peut générer des problèmes d'affichage mais je l'avais aussi ajoutée

[Salvialf]

C'est possible y'a pas mal de bug sur l'ajout de commandes seules sur le design de toute façon (comme le texte qui reste en gris)...
...mais bon j'ai du mal à comprendre l'intérêt vu que c'est censé être la seule commande de l'équipement donc autant ajouter l'équipement.

[Networks514]

Hello,

Toutes les modifications effectuées ces derniers jours sont elles uniquement en bêta ou en dev chez toi ? Pour pouvoir tester sans le halo
Et concernant l’ajout de polices, la police Digital (digital-7.ttf) bien évidemment, comme échangé en mp
A+

[Salvialf]

Hello,
Toutes les modifications effectuées ces derniers jours sont elles uniquement en bêta ou en dev chez toi ? Pour pouvoir tester sans le halo
Et concernant l’ajout de polices, la police Digital (digital-7.ttf) bien évidemment, comme échangé en mp
A+

Salut,

Pour le moment c'est en dev chez moi car il y a un problème de décalage de l'heure que je n'arrive pas à résoudre avec les polices qui n'ont pas une chasse fixe.
Étant donné que je ne trouve pas de solutions pour résoudre ce problème je pense intégrer plusieurs polices à chasse fixe d'office dans le widget et ensuite envoyer la MAJ.

[Antoinekl1]

C'est possible y'a pas mal de bug sur l'ajout de commandes seules sur le design de toute façon (comme le texte qui reste en gris)...
...mais bon j'ai du mal à comprendre l'intérêt vu que c'est censé être la seule commande de l'équipement donc autant ajouter l'équipement.

Oui c'est sur mais c'est une habitude que j'ai prise pour éviter les soucis quand je rajoute des commandes sur les virtuels

[Salvialf]

*** MAJ DISPONIBLE ***

Salut @ tous,

Je viens d'envoyer la mise à jour et de mettre la doc à jour sur GitHub et sur les 2 premiers posts de ce fil.

Nouveautés:
- Ajouts de 6 paramètres optionnels permettant de choisir la police, la taille et l'épaisseur de la date et/ou de l'heure.
- Intégration de 38 polices d'écriture + possibilité d'ajouter vos propres polices.
- Halo lumineux de la couleur du texte.
- paramètre optionnel permettant de désactiver le halo ou d'appliquer un des 3 effets intégrés.

Tous les paramètres et les différentes polices d'écriture incluses sont rappelés au début du code.

[Networks514]

Hello

Merci pour cette mise à jour et tous les choix !!! C’est vraiment top, avant je chargeai du code sur chaque page de mon design et c’etait chia... à chaque modifs

J’ai un pb, c’est mais peut être juste chez moi. En prenant la police digital7, ça s’affiche bien dans chrome mais dans edge j’ai
{{ date }}
{{ time }}
Les polices sont bien installées sinon ça ne marcherait pas dans chrome. J’ai pris ta police pour la mettre dans mon code et ça fonctionne .. (j’entends déjà ceux qui disent mais pk edge !! )
A voir avec le retour des autres

J’ai testé pas mal d’options, et tu as fait un gros boulot qui doit contenter la plupart d’entre nous

Sinon, je n’ai pas vu dans le code l’interligne mis entre la date et l’heure. Penses tu que cela soit changeable ? (Je le ferai dans le code directement, les goûts et les couleurs ... )

Merci pour tout !
A+

[Salvialf]

Salut @Networks,

Effectivement ça a été pas mal de boulot au point que j'en ai même un peu marre de cette horloge pour le moment !

Pour ma part j'ai testé sur Opéra et sur chrome donc je pourrais pas te dire concernant edge que je n'utilises pas... sûrement une manière de présenter le code différemment pour ce navigateur comme d'habitude mais je ne pouvais pas prendre en compte chaque spécificité pour chaque navigateur ça rendrait le code trop lourd.

Du fait des différentes présentations des polices j'ai du faire sauter l'interligne car avec certaines polices les écritures pouvaient se chevaucher. C'est donc 2 blocs <div> l'un en dessous de l'autre.
Si tu connais un peu le code tu peux voir ce que ça donne en ajoutant style="display:inline-block;" dans les 2 div "date" et "time" au début...?!
Sinon tu as la possibilité de créer 2 virtuels avec l'horloge: 1 sur lequel tu cache l'heure (timesize:0) et l'autre où tu caches la date (datesize:0) comme ça tu les positionnes comme tu veux sur ton design.

Si il y a plusieurs remontées concernant l'interligne je pourrais revoir le code à l'avenir.

Merci pour ton retour ça fait plaisir

[kerdale]

Super widget 5 étoiles bravo pour le temps passé

[ThrashER187]

Merci Salvialf pour ton taf et cette superbe mise à jour

au top ce widjet sur mon design

[JPLP]

Bonjour et merci pour ce super widget.
J'ai une petite question, car sur mon pc, il affiche la date et l'heure sans pb.
Par contre, sur mon ipad, l'heure s'affiche avec "UTC+2" à la fin.
Sauriez vous comment supprimer l'information du fuseau ?

[dvb]

Merci pour cette nouvelle version.

Tu es arrivé à un truc polyvalent qui s'adapte à tous les goûts.
C'est top ! Et dire que les versions mobiles sont dans les tuyaux

A+