add slider js

6 years ago · 0919138ef0
parent dcf2c676ce
commit 0919138ef0
1 changed files with 59 additions and 1 deletions
--- a/www/index.html
+++ b/www/index.html
@ -14,6 +14,64 @@
    <!-- JS -->
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript">
        var sock = null;
        var ellog = null;
        window.onload = function() {
           ellog = document.getElementById('log');
           var wsuri;
           if (window.location.protocol === "file:") {
              wsuri = "ws://10.174.136.143:45684/ws?a=23&foo=bar";
           } else {
              wsuri = "ws://" + window.location.hostname + ":45684/ws?a=23&foo=bar";
           }
           if ("WebSocket" in window) {
              sock = new WebSocket(wsuri);
           } else if ("MozWebSocket" in window) {
              sock = new MozWebSocket(wsuri);
           } else {
              log("Browser does not support WebSocket!");
           }
           if (sock) {
              sock.onopen = function() {
                 log("Connected to " + wsuri);
              }
              sock.onclose = function(e) {
                 log("Connection closed (wasClean = " + e.wasClean + ", code = " + e.code + ", reason = '" + e.reason + "')");
                 sock = null;
              }
              sock.onmessage = function(e) {
                 log("Got echo: " + e.data);
              }
           }
        };
        function send() {
           var msg = document.getElementById('message').value;
           var batchsize = parseInt(document.getElementById('batch').value);
           if (sock) {
              for (var i = 0; i < batchsize; ++i) {
                 sock.send(document.getElementById("size").value);
              }
              log("Sent " + batchsize + "x : " + msg);
           } else {
              log("Not connected.");
           }
        };
        function log(m) {
           ellog.innerHTML += m + '\n';
           ellog.scrollTop = ellog.scrollHeight;
        };
     </script>
 </head>
 <body>
@ -58,7 +116,7 @@
                    <br>
                    <br>
                    <form class="range-field">
-                        <input type="range" value="20" min="0" max="100" oninput="alert('Клик!')" />
+                        <input type="range" min="50" max="250" id="size" oninput="send();" value="140" />
                    </form>
                </div>