forked: konashi.js multi TEXT UART Console

Readme
JavaScript 93 lines
HTML 44 lines
CSS 26 lines

Konashi2用です。

forked: konashi.js multi TEXT UART Console

// forked from kuma711's "forked: sg1 forked: NEW konashi.js TEXT ONLY UART Console" http://jsdo.it/kuma711/GlII
// forked from osamu_iwasaki's "sg1 forked: NEW konashi.js TEXT ONLY UART Console" http://jsdo.it/osamu_iwasaki/ywRE
// forked from jmio's "NEW konashi.js TEXT ONLY UART Console" http://jsdo.it/jmio/eovz
// forked from jmio's "forked: konashi.js TEXT ONLY UART Console" http://jsdo.it/jmio/grtB
// forked from tokoro10g's "konashi.js UART Console" http://jsdo.it/tokoro10g/9GGE
$(function(){    
  $("#uart-panel").hide();
  // Find button
  $("#btn-find").on("tap", function(){
    if($("#btn-find").hasClass("find")){
      k.find();
    } else {
      k.disconnect();

// change find button
      $("#btn-find")
        .addClass("find")
        .html("Find konashi")
      ;

// hide uart panel
      $("#uart-panel").hide();
    }
  });

$("#uart-baud-2k4").on("change", function(){
    k.uartMode(k.KONASHI_UART_DISABLE);
    k.uartBaudrate(k.KONASHI_UART_RATE_2K4);
    k.uartMode(k.KONASHI_UART_ENABLE);
  });

$("#uart-baud-9k6").on("change", function(){
    k.uartMode(k.KONASHI_UART_DISABLE);
    k.uartBaudrate(k.KONASHI_UART_RATE_9K6);
    k.uartMode(k.KONASHI_UART_ENABLE);
  });

$("#btn-tx-str").on("tap", function(){
    if($("#uart-tx-str").val()!==""){
      var str=$("#uart-tx-str").val();
      var sleep = function(milliseconds) {
          var start = new Date().getTime();
          for (var i = 0; i < 1e7; i++) {
              if ((new Date().getTime() - start) > milliseconds){
                  break;
              }
          }
      }
        
      for(i=0;i<str.length;i++){
          var c = str.charCodeAt(i);
          k.uartWrite(c);
          sleep(30) ; // wait(ms)/char if you need
      }
      k.uartWrite(0x0D);
      $("#uart-tx-str").val("");
    }
  });

$("#btn-clear-rx").on("tap", function(){
    $("#uart-rx-text").html("");
  });

$("#ctrl-D").on("tap", function(){
    k.uartWrite(0x04); // Ctrl-D
  });  
      
  k.ready(function(){
    // change find button
    $("#btn-find")
      .removeClass("find")
      .html("Disconnect konashi")
    ;

// show pio list
    $("#uart-panel").show();
      
    // configure UART
    k.uartBaudrate(k.KONASHI_UART_RATE_2K4);
    k.uartMode(k.KONASHI_UART_ENABLE);    
  });
    
  k.completeUartRx(function(value){
    //console.log("#UART Recv: " + data);
    var rxtext = $("#uart-rx-text");
    //rxtext.html(rxtext.html() + value);
    rxtext.html(rxtext.html() + String.fromCharCode(value).replace("\r",""));  
    //var tail = rxtext.value.length ;
    //rxtext.setSelectionRange(0, 0);
  });

//k.showDebugLog();
});

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=2, minimum-scale=1, maximum-scale=1, user-scalable=no">

<link rel="stylesheet" href="http://jsrun.it/assets/h/F/P/P/hFPPa">
    </head>
    <body>
        <header class="bar-title">
            <h1 class="title">1 konashi.js: UART Console</h1>
        </header>

<div class="content">
            <div class="find">
                <a id="btn-find" class="button-main button-block find">Find konashi</a>
            </div>

<ul id="uart-panel" class="list inset">
                
                
                
        		<li><textarea id="uart-rx-text" wrap="off" cols="40" rows="16" style="font-size:150%;" ></textarea></li>
		        <li><input id="uart-tx-str" type="text" maxlength="256" style="width:200px;"/><a id="btn-tx-str" class="button">Submit</a></li>
		        <li><input id="uart-baud-2k4" name="uart-baud" type="radio" checked="checked"/>2400 <input id="uart-baud-9k6" name="uart-baud" type="radio"  />9600
                    <a id="ctrl-D" class="button" style="position:absolute;left:50%;width:40px;">^D</a>
		            <a id="btn-clear-rx" class="button">Clear</a></li>
		        
            </ul>

</div>

<script src="http://konashi.ux-xu.com/kjs/konashi-bridge.min.js"></script>

<script src="http://jsrun.it/assets/1/M/0/f/1M0fl"></script>
        
        <script src="http://jsrun.it/assets/g/s/1/M/gs1MI"></script>
        
        <script src="http://jsrun.it/assets/g/3/W/u/g3WuF"></script>
    </body>
</html>

forked: konashi.js multi TEXT UART Console

Konashi2用です。// forked from kuma711's "forked: sg1 forked: NEW konashi.js TEXT ONLY UART Console" http://jsdo.it/kuma711/GlII // forked from osamu_iwasaki's "sg1 forked: NEW konashi.js TEXT ONLY UART Console" http://jsdo.it/osamu_iwasaki/ywRE // forked from jmio's "NEW konashi.js TEXT ONLY UART Console" http://jsdo.it/jmio/eovz // forked from jmio's "forked: konashi.js TEXT ONLY UART Console" http://jsdo.it/jmio/grtB // forked from tokoro10g's "konashi.js UART Console" http://jsdo.it/tokoro10g/9GGE $(function(){ $("#uart-panel").hide(); // Find button $("#btn-find").on("tap", function(){ if($("#btn-find").hasClass("find")){ k.find(); } else { k.disconnect(); // change find button $("#btn-find") .addClass("find") .html("Find konashi") ; // hide uart panel $("#uart-panel").hide(); } }); $("#uart-baud-2k4").on("change", function(){ k.uartMode(k.KONASHI_UART_DISABLE); k.uartBaudrate(k.KONASHI_UART_RATE_2K4); k.uartMode(k.KONASHI_UART_ENABLE); }); $("#uart-baud-9k6").on("change", function(){ k.uartMode(k.KONASHI_UART_DISABLE); k.uartBaudrate(k.KONASHI_UART_RATE_9K6); k.uartMode(k.KONASHI_UART_ENABLE); }); $("#btn-tx-str").on("tap", function(){ if($("#uart-tx-str").val()!==""){ var str=$("#uart-tx-str").val(); var sleep = function(milliseconds) { var start = new Date().getTime(); for (var i = 0; i < 1e7; i++) { if ((new Date().getTime() - start) > milliseconds){ break; } } } for(i=0;i<str.length;i++){ var c = str.charCodeAt(i); k.uartWrite(c); sleep(30) ; // wait(ms)/char if you need } k.uartWrite(0x0D); $("#uart-tx-str").val(""); } }); $("#btn-clear-rx").on("tap", function(){ $("#uart-rx-text").html(""); }); $("#ctrl-D").on("tap", function(){ k.uartWrite(0x04); // Ctrl-D }); k.ready(function(){ // change find button $("#btn-find") .removeClass("find") .html("Disconnect konashi") ; // show pio list $("#uart-panel").show(); // configure UART k.uartBaudrate(k.KONASHI_UART_RATE_2K4); k.uartMode(k.KONASHI_UART_ENABLE); }); k.completeUartRx(function(value){ //console.log("#UART Recv: " + data); var rxtext = $("#uart-rx-text"); //rxtext.html(rxtext.html() + value); rxtext.html(rxtext.html() + String.fromCharCode(value).replace("\r","")); //var tail = rxtext.value.length ; //rxtext.setSelectionRange(0, 0); }); //k.showDebugLog(); });<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=2, minimum-scale=1, maximum-scale=1, user-scalable=no">  <link rel="stylesheet" href="http://jsrun.it/assets/h/F/P/P/hFPPa"> </head> <body> <header class="bar-title"> <h1 class="title">1 konashi.js: UART Console</h1> </header> <div class="content"> <div class="find"> <a id="btn-find" class="button-main button-block find">Find konashi</a> </div> <ul id="uart-panel" class="list inset">    <li><textarea id="uart-rx-text" wrap="off" cols="40" rows="16" style="font-size:150%;" ></textarea></li> <li><input id="uart-tx-str" type="text" maxlength="256" style="width:200px;"/><a id="btn-tx-str" class="button">Submit</a></li> <li><input id="uart-baud-2k4" name="uart-baud" type="radio" checked="checked"/>2400 <input id="uart-baud-9k6" name="uart-baud" type="radio" />9600 <a id="ctrl-D" class="button" style="position:absolute;left:50%;width:40px;">^D</a> <a id="btn-clear-rx" class="button">Clear</a></li>  </ul> </div>  <script src="http://konashi.ux-xu.com/kjs/konashi-bridge.min.js"></script>   <script src="http://jsrun.it/assets/1/M/0/f/1M0fl"></script>  <script src="http://jsrun.it/assets/g/s/1/M/gs1MI"></script>  <script src="http://jsrun.it/assets/g/3/W/u/g3WuF"></script> </body> </html>.find { margin: 10px; } textarea{ font-family: monospace; font-size: 80%; } #uart-rx-text{ background-color: black; color: orange; } /* #uart-panel { display: none; } */ /* #uart-rx-text { overflow: auto; -webkit-overflow-scrolling: touch } */