mirror of
https://github.com/ADElectronics/RTL00_WEB_WS2812.git
synced 2025-01-28 16:35:17 +00:00
94 lines
3.8 KiB
HTML
94 lines
3.8 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<link href="elements.css" rel="stylesheet">
|
|||
|
|
<style></style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<p align="center"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></p>
|
|||
|
|
|
|||
|
|
<div class="tab" align="center">
|
|||
|
|
<button class="tablinks" onclick="openTab(event, 0)"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></button>
|
|||
|
|
<button class="tablinks" onclick="openTab(event, 1)">?</button>
|
|||
|
|
<button class="tablinks" onclick="openTab(event, 2)"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></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"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></label>
|
|||
|
|
<input type="checkbox" class="checkbox" id="filt1" name='ws_filt_const_enbl' onclick="openFilterSettings(this)" />
|
|||
|
|
<label for="filt1"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></label>
|
|||
|
|
<input type="checkbox" class="checkbox" id="filt2" name='ws_filt_fd_enbl' onclick="openFilterSettings(this)" />
|
|||
|
|
<label for="filt2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></label>
|
|||
|
|
<input type="checkbox" class="checkbox" id="filt3" name='ws_filt_wave_enbl' onclick="openFilterSettings(this)" />
|
|||
|
|
<label for="filt3"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></label>
|
|||
|
|
</fieldset>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div id="filt0" class="filtercontent">
|
|||
|
|
<h4 align="center"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h4>
|
|||
|
|
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>, <20><>. :<br>
|
|||
|
|
<input type="range" class="range" step="1" min="10" name='ws_filt_rbw_huesteps' max="400" onchange="sendFilterParam(this.name, this.value)"/><br>
|
|||
|
|
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<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"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h4>
|
|||
|
|
<canvas id="picker"></canvas><br>
|
|||
|
|
<input id="color" value="#54aedb">
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div id="filt2" class="filtercontent">
|
|||
|
|
<h4 align="center"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h4>
|
|||
|
|
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<br>
|
|||
|
|
<input type="range" class="range" min="1" name='ws_filt_fd_cyclesteps' max="254" onchange="sendFilterParam(this.name, this.value)"/><br>
|
|||
|
|
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<br>
|
|||
|
|
<input type="range" class="range" min="0" name='ws_filt_fd_min' max="254" onchange="sendFilterParam(this.name, this.value)"/><br>
|
|||
|
|
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<br>
|
|||
|
|
<input type="range" class="range" min="1" name='ws_filt_fd_max' max="255" onchange="sendFilterParam(this.name, this.value)"/><br>
|
|||
|
|
<20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<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"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h4>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div id="1" class="tabcontent" align="center">
|
|||
|
|
<h3><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h3>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div id="2" class="tabcontent">
|
|||
|
|
<h3><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></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>
|