87 lines
4.3 KiB
HTML
87 lines
4.3 KiB
HTML
|
|
<!-- simu right part : wordsUI -->
|
|
|
|
<div id ="wordsUI" style = "display: none;justify-items: center;">
|
|
<div>
|
|
<webaudio-switch id="words/start" value="0" height="27" width="75" tooltip="Switch-B" src="knobs/words.png"></webaudio-switch>
|
|
|
|
<!-- Words virtual client destination -->
|
|
<span class="lasertext">Virtual</span>
|
|
<select onclick="buttonClicked(this.value)">
|
|
<option value="words/ljclient 0" selected >0</option>
|
|
<option value="words/ljclient 1">1</option>
|
|
<option value="words/ljclient 2">2</option>
|
|
<option value="words/ljclient 3">3</option>
|
|
</select>
|
|
</div>
|
|
|
|
<!-- Words 0 -->
|
|
<form onsubmit="onSubmit(); return false;">
|
|
<span class="lasertext">Laser 0</span>
|
|
<input class = "submit" onchange = "onSubmit(this.id)" type="text" id="words/text/0" value="ZERO">
|
|
<select onclick="buttonClicked(this.value)">
|
|
<!-- color selection -->
|
|
<option value="words/color/0 red" selected >Red</option>
|
|
<option value="words/color/0 green">Green</option>
|
|
<option value="words/color/0 blue">Blue</option>
|
|
<option value="words/color/0 white">White</option>
|
|
<option value="words/color/0 yellow">Yellow</option>
|
|
<option value="words/color/0 cyan">Cyan</option>
|
|
<option value="words/color/0 pink">Pink</option>
|
|
</select>
|
|
<webaudio-switch id="words/play/0" value="0" height="27" width="75" tooltip="Switch-B" src="knobs/play.png"></webaudio-switch>
|
|
</form>
|
|
|
|
<!-- Words 1 -->
|
|
<form onsubmit="onSubmit(); return false;">
|
|
<input class = "submit" onchange = "onSubmit(this.id)" type="text" id="words/text/1" value="ONE">
|
|
<select onclick="buttonClicked(this.value)">
|
|
<!-- color selection -->
|
|
<option value="words/color/1 red" selected >Red</option>
|
|
<option value="words/color/1 green">Green</option>
|
|
<option value="words/color/1 blue">Blue</option>
|
|
<option value="words/color/1 white">White</option>
|
|
<option value="words/color/1 yellow">Yellow</option>
|
|
<option value="words/color/1 cyan">Cyan</option>
|
|
<option value="words/color/1 pink">Pink</option>
|
|
</select>
|
|
<span class="lasertext">Laser 1</span>
|
|
</form>
|
|
|
|
<!-- Words 2 -->
|
|
<form onsubmit="onSubmit(); return false;">
|
|
<input class = "submit" onchange = "onSubmit(this.id)" type="text" id="words/text/2" value="TWO">
|
|
<select onclick="buttonClicked(this.value)">
|
|
<!-- color selection -->
|
|
<option value="words/color/2/color red" selected >Red</option>
|
|
<option value="words/color/2 green">Green</option>
|
|
<option value="words/color/2 blue">Blue</option>
|
|
<option value="words/color/2 white">White</option>
|
|
<option value="words/color/2 yellow">Yellow</option>
|
|
<option value="words/color/2 cyan">Cyan</option>
|
|
<option value="words/color/2 pink">Pink</option>
|
|
</select>
|
|
<span class="lasertext">Laser 2</span>
|
|
</form>
|
|
|
|
<!-- Words 3 -->
|
|
<form onsubmit="onSubmit(); return false;">
|
|
<input class = "submit" onchange = "onSubmit(this.id)" type="text" id="words/text/3" value="THREE">
|
|
<select onclick="buttonClicked(this.value)">
|
|
<!-- color selection -->
|
|
<option value="words/color/3 red" selected >Red</option>
|
|
<option value="words/color/3 green">Green</option>
|
|
<option value="words/color/3 blue">Blue</option>
|
|
<option value="words/color/3 white">White</option>
|
|
<option value="words/color/3 yellow">Yellow</option>
|
|
<option value="words/color/3 cyan">Cyan</option>
|
|
<option value="words/color/3 pink">Pink</option>
|
|
</select>
|
|
<span class="lasertext">Laser 3</span>
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
|
<!-- End of WordsUI block -->
|