AIde code widget pour mettre à jour les informations à partir d'un bouton

yoyo2001 · Novembre 3, 2021, 8:46

Bonjour tout le monde,je suis en train de coder un bouton qui me permet de mettre à jour toutes mes information à partir d’inputs d’heure. Jusqu’à maintenant ,pour mettre à jour une information d’heure à partir d’une commande,je dois cliquer sur la petite montre(ici une photo).

Mais je veux juste un bouton qui me met à jour les informations en un seul clic,j’ai donc codé un bouton mais je n’arrive pas à mettre à jour les informations,je ne comprend pas comment jeedom.cmd.execute fonctionne. Quelqu’un peut m’aider?
Je vous joins mon code du bouton.

ajja17orange · Novembre 3, 2021, 6:51

Bonjour tu crée un bouton (span) avec une class

Comprend la 1er ligne script avant .on
.cmd c’est la class de ta 1er ligne div
Se qui suit avant last
Est le début de ta 2eme ligne (correspondant à la suite de ta 1er ligne)
Last c’est le dernier truc de ton input avec la class execute.

Regarde ça

github.com

ajja17/widget/blob/master/input/clock/cmd.action.slider.input_clock_winhex.html

<div class="cmd cmd-widget" data-type="action" data-subtype="slider" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
<div class="input-group">
<input id="input#id#" list="limittimeslist#id#" class="form-control input-sm value execute" type="time" data-cmd_id="#id#" required >

<datalist id="limittimeslist#id#">
  <option value="06:40" data-id="1">some</option>
  <option value="08:24" data-id="2">test5</option>
</datalist>
  
<style>
[data-cmd_id="#id#"].form-control:not(.btn):not(.expressionAttr), [data-cmd_id="#id#"] input:not(.btn):not(.dial):not([type="radio"]):not([type="image"]):not(.expressionAttr):not(.knob):not([type="checkbox"]), textarea:not(.expressionAttr) {
  background-color:#e4e2c2!important;
  color:red!important;
       }

[data-cmd_id="#id#"].value { 
      border-radius: 12px!important;
    height: 30px!important;
    min-height: 30px!important;
    max-height: 30px!important;

This file has been truncated. show original

Tu y verras l’update (mise à jour) ligne 31 et 43
Si je suis avec telephone ou tablette ligne 33
Au changement ça execute
Sinon ligne 38
Il faut appuyer sur la touche entrée de ton pc pour exécuter le changement

Ici tu as le bouton class clear ligne 5
Qui appel une fonction (qui suit)
This parent

github.com

ajja17/widget/blob/beta/input/numb/cmd.action.slider.input_number_winhex_v4.html

<div class="cmd cmd-widget" data-type="action" data-subtype="slider" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">

<div class="input-group">
<input id="input#id#" list="list#id#" class="form-control input-sm value execute" type="number" data-cmd_id="#id#">
<button class="clear" onclick="clearButton( this );"><div>&times;</div></button>
     <script>
      function clearButton( This ) {
        var input = This.parentElement.querySelector( 'input' );

        input.value = '';
        input.focus();
      }
    </script>
  <datalist id="list#id#">
	<option value="12.0" data-id="1">Stop</option>
	<option value="18.0" data-id="2">Eco</option>
	<option value="19.0" data-id="3">Nuit</option>
	<option value="20.5" data-id="4">Confort</option>
</datalist>
</div>

This file has been truncated. show original

yoyo2001 · Novembre 4, 2021, 8:54

Salut,merci pour ton aide mais je n’y arrive pas. Je te montre mon code. Le code que j’ai fait est fonctionel car il attribue à heure_debut_1(avec un id 2344),la valeur que je lui ai donné(dans ce cas 10:15). Mon probleme est que je n’arrive pas à recuperer la valeur de mon input heure sans le faire manuellement.

Mon input d’heure est ça

Et il faut que je recupère la variable que je vais saisir dans heure

ajja17orange · Novembre 4, 2021, 8:52

une action lie une info
pour récupérer c’est l’info
d’ou mon jeedom.cmd.update afin de récupérer une mise à jour « scénario,… » sans faire un rafraîchissement de page

maintenant avec l’api jeedom html on peux récupéré l’info lié a l’action
et ensuite récupéré la valeur (navigateur en mode dev tu as des info)

exemple d’utilisation api pour récupérer la derniére com

Édit : désolé mais je ne comprend pas tous en faite !
De se que je comprend dans la rubrique programmation, une question de widget, sur une validation de modification input et ensuite récupération de variable. Tu n’as pas besoin de variable.
Un span de ton bouton validation
Et dans le script l’action sur le bouton validation lance « on » l’exécution de la commande. « Cmd » de la valeur du span execute (ta 6eme ligne de ton 1er script))