-
PROHARDVER!
Arduino hardverrel és szoftverrel foglakozó téma. Minden mikrovezérlő ami arduinoval programozható, és minden arduino program, board, és hardverrel kapcsolatos kérdések helye.
Új hozzászólás Aktív témák
-
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
- HP ELITEBOOK 855 G8 Ryzen 3 5400U 16gb ram 256ssd FHD IPS Gari
- HP ELITEBOOK 850 G8 i5 1145G7/16GB ram 256ssd/FHD
- Újszerű Lenovo Legion 5 - 15,6"FHD IPS - Ryzen 5 5600H - 16GB - 512GB SSD - RTX 3050 - Win11 -MAGYAR
- ÚJ Lenovo LOQ 15IRX9 - QHD 165Hz - i7-13650HX - 16GB - 1TB - RTX 4060 - Win11 - 3 év garancia
- ÚJ CORE I7 12700 Z690 RIPTIDE GAMER MAX PC 32Gb RAM 1.0TB SSD GEFORCE RTX 3070TI 8GB DDR7 2ÉV GAR!
- DELL T40 EMC Szerver
- Azonnali készpénzes Intel i3 i5 i7 i9 12/13/14 gen processzor felvásárlás személyesen / csomagküldés
- BESZÁMÍTÁS! Intel Core i7 4790 4 mag 8 szál processzor garanciával hibátlan működéssel
- BESZÁMÍTÁS! 6TB Seagate SkyHawk SATA HDD meghajtó garanciával hibátlan működéssel
- LG 27GR95QE - 27" OLED / QHD 2K / 240Hz & 0.03ms / NVIDIA G-Sync / FreeSync Premium / HDMI 2.1
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest
Cég: Promenade Publishing House Kft.
Város: Budapest