Új hozzászólás Aktív témák

• #14863 Janos250 őstag

  Új Válasz 2021-03-08 09:06:23 #14863

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Janos250

  őstag

  Még egy kérdés, hátha tudtok segíteni:
  Ilyen mikrokontrolleres WEB-es irányításoknál gyakori, hogy a böngészőből valamilyen adatot kell eljuttatni a kontrollerre, hogy az avatkozzon be. Például csökkentse a fényerőt. Nálam most éppen a fűtést.
  Lehet persze több módon is megoldani, de nekem tetszik a csúszka (slider) megoldás. A gondom az, hogy nemigen értek hozzá, és eddig nem sikerült megoldanom, hogy az értéket úgy küldjem el, hogy a
  teljes WEB lapot frissítse, és ezek az új értékek kerüljenek a lapra mindenütt. A XMLHttpRequest() példánya elküldi az értéket, az rendesen be is érkezik, le is tudom kezelni, de ennek épp az a lényege, hogy úgy küldi el az értéket, hogy ne kelljen az oldalt újratölteni. Ha teszek be utána bármi frissítő sort, akkor meg nem küldi el az adatot. Tud valaki segíteni megoldással?

  Leírom a részletet részben azért is, hátha más is alkalmazni akarja, mert egyébként kényelmes. Aki akarja, próbálja ki!

    .csuszka {  /* Ez a teljes csuszkara vonatkozik */
       -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
              /*appearance: auto; */ /* bongeszo fuggo kinezet */
       width: 100%; /* teljes lapszelessegu legyen a csuszka  FF spec? */
       height: 25px;  /* sav magassaga csak px-ben lehet megadni */
       background: #d3d3d3; /* sav szine */
       outline: none;
       opacity: 1;  /* (at)latszosag ha 0, akkor semmi nem látszik, csak a hatter */
    }
    .csuszka::-moz-range-thumb { /*-moz-range-thumb  a csuszka gombja*/
                                    /*csak Mozilla ismeri*/
       width: 25px;
       height: 30px;
       border-radius: 50%;
       background: #4CAF50;
       cursor: pointer;
    }

       function forraloszazalek(element) {
         var sliderValueForraloFutes = document.getElementById("csuszkaErteke").value;
         console.log(sliderValueForraloFutes);
         var xhr = new XMLHttpRequest();
         xhr.open("GET", "/?F="+sliderValueForraloFutes, true);
         xhr.send();
        }

           csuszkával változtatott forraló fűtés(utána frissíts!) % :
         
         <label 
             id="folyamatosKiiras" 
             style="padding-left:5px;">
         </label> 
     
         <input 
            type="range" 
               min="1" 
               max="100" 
               step = "1" 
               value="40"  
               class="csuszka" 
               id="csuszkaErteke"
            onchange="forraloszazalek(this)" 
            oninput="document.getElementById('folyamatosKiiras').innerHTML = this.value"
         >

Új hozzászólás Aktív témák