mirror of
https://github.com/ADElectronics/RTL00_WEB_WS2812.git
synced 2025-01-15 05:45:17 +00:00
94 lines
No EOL
3.8 KiB
HTML
94 lines
No EOL
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link href="elements.css" rel="stylesheet">
|
|
<style></style>
|
|
</head>
|
|
<body>
|
|
<p align="center">Ãëóïàÿ ãèðëÿíäà</p>
|
|
|
|
<div class="tab" align="center">
|
|
<button class="tablinks" onclick="openTab(event, 0)">Ôèëüòðû</button>
|
|
<button class="tablinks" onclick="openTab(event, 1)">?</button>
|
|
<button class="tablinks" onclick="openTab(event, 2)">Íàñòðîéêè</button>
|
|
</div>
|
|
|
|
<div id="0" class="tabcontent" align="center">
|
|
<form method="post">
|
|
<fieldset>
|
|
<input type="checkbox" class="checkbox" id="filt0" name='ws_filt_rbw_enbl' onclick="openFilterSettings(this)" />
|
|
<label for="filt0">Ðàäóãà</label>
|
|
<input type="checkbox" class="checkbox" id="filt1" name='ws_filt_const_enbl' onclick="openFilterSettings(this)" />
|
|
<label for="filt1">Îòòåíîê</label>
|
|
<input type="checkbox" class="checkbox" id="filt2" name='ws_filt_fd_enbl' onclick="openFilterSettings(this)" />
|
|
<label for="filt2">Âûöâåòàíèå</label>
|
|
<input type="checkbox" class="checkbox" id="filt3" name='ws_filt_wave_enbl' onclick="openFilterSettings(this)" />
|
|
<label for="filt3">Âîëíà</label>
|
|
</fieldset>
|
|
|
|
|
|
<div id="filt0" class="filtercontent">
|
|
<h4 align="center">Ðàäóãà</h4>
|
|
Ðàçìåñòèòü ïîëíóþ ðàäóãó íà ïèêñåëÿõ, åä. :<br>
|
|
<input type="range" class="range" step="1" min="10" name='ws_filt_rbw_huesteps' max="400" onchange="sendFilterParam(this.name, this.value)"/><br>
|
|
Ñêîðîñòü ñìåíû îòòåíêà:<br>
|
|
<input type="range" class="range" min="1" name='ws_filt_rbw_cyclesteps' max="10" onchange="sendFilterParam(this.name, this.value)"/><br>
|
|
</div>
|
|
|
|
<div id="filt1" class="filtercontent">
|
|
<h4 align="center">Îòòåíîê</h4>
|
|
<canvas id="picker"></canvas><br>
|
|
<input id="color" value="#54aedb">
|
|
</div>
|
|
|
|
<div id="filt2" class="filtercontent">
|
|
<h4 align="center">Âûöâåòàíèå</h4>
|
|
Ñêîðîñòü ñìåíû ÿðêîñòè:<br>
|
|
<input type="range" class="range" min="1" name='ws_filt_fd_cyclesteps' max="254" onchange="sendFilterParam(this.name, this.value)"/><br>
|
|
Ìèíèìàëüíàÿ ÿðêîñòü:<br>
|
|
<input type="range" class="range" min="0" name='ws_filt_fd_min' max="254" onchange="sendFilterParam(this.name, this.value)"/><br>
|
|
Ìàêñèìàëüíàÿ ÿðêîñòü:<br>
|
|
<input type="range" class="range" min="1" name='ws_filt_fd_max' max="255" onchange="sendFilterParam(this.name, this.value)"/><br>
|
|
Øàíñ ñðàáàòûâàíèÿ:<br>
|
|
<input type="range" class="range" min="1" name='ws_filt_fd_chance' onchange="sendFilterParam(this.name, this.value)"/><br>
|
|
</div>
|
|
|
|
<div id="filt3" class="filtercontent">
|
|
<h4 align="center">Âîëíà</h4>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div id="1" class="tabcontent" align="center">
|
|
<h3>Íè÷åãî</h3>
|
|
|
|
</div>
|
|
|
|
<div id="2" class="tabcontent">
|
|
<h3>Íàñòðîéêè</h3>
|
|
|
|
</div>
|
|
|
|
<script src="html5kellycolorpicker.min.js"></script>
|
|
<script src="elements.js"></script>
|
|
<script type="text/javascript">
|
|
|
|
new KellyColorPicker({place : 'picker', input : 'color', size : 300});
|
|
|
|
var cfg =
|
|
{
|
|
ws_filt_rbw_enbl: "~ws_filt_rbw_enbl~",
|
|
ws_filt_flick_enbl: "~ws_filt_flick_enbl~",
|
|
ws_filt_fd_enbl: "~ws_filt_fd_enbl~",
|
|
ws_filt_rbw_huesteps: "~ws_filt_rbw_huesteps~",
|
|
ws_filt_rbw_cyclesteps: "~ws_filt_rbw_cyclesteps~",
|
|
ws_filt_fd_cyclesteps: "~ws_filt_fd_cyclesteps~",
|
|
ws_filt_fd_min: "~ws_filt_fd_min~",
|
|
ws_filt_fd_max: "~ws_filt_fd_max~",
|
|
ws_filt_fd_chance: "~ws_filt_fd_chance~"
|
|
}
|
|
setFormValues(document.forms[0], cfg);
|
|
|
|
</script>
|
|
</body>
|
|
</html> |