[TUTO noodom] nouveau widget nooNeonButton

@noodom merci pour tous tes partages, grâce à toi nos design sont de plus en plus beau :clap:

Merci de ton retour :wink:

1 « J'aime »

Merci pour le partage.
Est-il possible de l’utiliser avec des commandes On et Off en faisant disparaitre la commande On lorsque l’état est On et disparaitre la commande Off quand l’état est Off ?

Bonjour @noodom il semble que j’ai le même problème que @Patrick57

Pas moyen de faire changer le texte du bouton, il reste toujours sur off.
(je précise que l’état change bien « 0 || 1 » )
Je sèche.



image

1 « J'aime »

Salut,

Seul le texte ne change pas ? Le bouton est modifié correctement ?
Le problème de @Patrick57 a été corrigé depuis : tu as bien la dernière version du github ?

Oui j’ai pris directement sur Github en raw, et suivi le tuto sur la page de garde Github. Le seul truc qui m’intrigait, s’était de faire juste un bouton d’action et pas le on et off. Il y a uniquement le texte qui ne change pas oui. Quand tu dis le bouton est modifié correctement, qu’entends tu par là ?

Salut,

Le widget est prévu pour être utilisé en mode toggle.
Pour l’utiliser avec des boutons On/Off, il faudrait le modifier pour l’adapter avec ces boutons.
Pourquoi pas plus tard, à ajouter dans ma (longue) TODO :slight_smile:

J’ai pas tout compris, le On Off du bouton je m’en fiche puisque l’info état est OK et que c’est cela qui m’intéresse. Reste le souci d’affichage. (pas d’erreur via F12, c’est un jeedom neuf et from scratch) :slight_smile:

PS : quand je charge la page de jeedom, j’ai pas le nom ON ou OFF qui s’affiche, je dois actionner le widget pour que cela apparaisse.

@GiDom

image

Je répondais à @jujudu56 :wink:

Quand je parlais du bouton modifié correctement, je parlais du changement d’état visuel du bouton.
Tu parles du texte qui ne change pas d’où ma question sur le bouton lui-même, est-ce que lui passe de On à Off visuellement ?

Oui je m’en suis rendu compte après coup… dsl
Alors oui il change bien graphiquement d’état, et binairement aussi.

Je l’ai mis via Pimp my Jeedom si ça a de l’importance…

Edit : j’ai quand même ça comme erreur :

Comme ça je ne vois pas, tout à l’air correct.
Tu peux essayer d’ajouter des lignes de logs dans le code du widget si tu maitrises.

console.log("mes logs");

ici :

image

Tu pourras alors voir par où tu passes et si ça semble correct.

OK, merci pour l’info !

merci de l’astuce je n’y avais pas pensé. Je passe jamais dans la boucle textOn, je vais essayer de comprendre pourquoi même si je suis pas familier avec le JS

Je comprends pas le else dans la fonction ligne 62. Si je le commente tout marche bien. Si je le commente aussi dans off, le off ne s’affiche plus par contre.

OK, je viens de comprendre, ça vient du nom de ton bouton.
Renomme-le différemment, ça devrait fonctionner.

En fait, les if/else ne sont pas nécessaires dans le cas du toggle.
le code pourrait être simplifié.

J’ai mis à jour le github avec la simplification, plus besoin de renommer ton bouton.

1 « J'aime »

Bonjour Noodom,
Tout d’abord merci pour ce widget, il est vraiment sympa !
J’ai un soucis, je viens de créer un virtuel comme ceci:

Aprés je m’en sers dans un design, tout fonctionne comme je le souhaite mais j’ai une erreur qui apparait: TypeError: document.getElementById(…) is null.
Cette erreur empêche le rafraichissement automatique de mes designs

Je ne comprends pas trop, si même je m’y prends bien pour créer ce virtuel

Widget très sympathique

Mais beaucoup trop d’espace en partie haute du bouton

@snoopyfb c’est normal, c’est la place pour le texte.
(ligne143) tu peux supprimer du widget si tu te ne sers pas du texte :

#neonText#id# {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    text-align: center;
    color: var(--text-color#id#);
    font-size: 16px;
    padding: 15px 0;
    text-transform: uppercase;
    letter-spacing: 4px;
} 

ou sinon tu mets la ligne padding à 0px

Serait pas intéressant au niveau de ton widget de supprimer automatique cet espace quand on n’a pas de texte ?

C’est clair.
Mais je ne suis pas le dev :smiley:

oh désolé j’ai été un peu trop rapide dans la lecture