-
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
- Samsung Galaxy Watch Ultra + Trail Band
- BESZÁMÍTÁS! SAPPHIRE Pulse OC RX 9060 XT 16GB GDDR6 videokártya 27% áfa 3 év garancia
- PNY EPIC-X RGB RTX 5060Ti 16GB / Gigabyte EAGLE OC RTX 5070 12GB videokárty 3 év garancia 27% áfa
- Samsung Galaxy A35 5G 128 GB, Kártyafüggetlen, 1 Év Garanciával
- BESZÁMÍTÁS! 850W ASUS ROG STRIX 80 PLUS Gold White Edition (90YE00A4-B0NA00) 3 év garancia 27% áfa
- Apple iPhone X, 256GB, Kártyafüggetlen
- 3DKRAFT.HU - 3D NYOMTATÁS - AZONNALI ÁRAJÁNLAT - GYORS KIVITELEZÉS - 480+ POZITÍV ÉRTÉKELÉS
- Apple iPhone 14 128GB , Kártyafüggetlen
- Azonnali készpénzes Apple Macbook Air felvásárlás személyesen / csomagküldéssel korrekt áron
- ÁRGARANCIA!Épített KomPhone i7 14700KF 32/64GB RAM RTX 5070Ti 16GB GAMER PC termékbeszámítással
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest