LJ/webui/blocks/words.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 -->