forked: konashi.js UART Console 4 ET

Readme
JavaScript 78 lines
HTML 51 lines
CSS 11 lines

forked: konashi.js UART Console 4 ET

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

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

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

$("#btn-tx-char").on("tap", function(){
    if($("#uart-tx-char").val()!=""){
      k.uartWrite($("#uart-tx-char").val().charCodeAt(0));
    }
  });

$("#btn-tx-str").on("tap", function(){
    if($("#uart-tx-str").val()!=""){
      var str=$("#uart-tx-str").val();
      for(i=0;i<str.length;i++){
        k.uartWrite(str.charCodeAt(i));
      }
    }
  });

$("#btn-tx-hex").on("tap", function(){
    if($("#uart-tx-hex").val()!=""){
      k.uartWrite(parseInt($("#uart-tx-hex").val(),16));
    }
  });

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

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_57K6);
    k.uartMode(k.KONASHI_UART_ENABLE);
  });

k.completeUartRx(function(value){
    $("#uart-rx-text").html($("#uart-rx-text").html()+String.fromCharCode(value));
    $("#uart-rx-hex").html($("#uart-rx-hex").html()+parseInt(value).toString(16)+" ");
  });

//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">konashi.js: UART Console</h1>
        </header>

<div class="hello">
                <p>Hello konashi.js!</p>
                <p>First make sure you tap the following button to find koshian.
            </div>

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

<ul id="uart-panel" class="list inset">
                <li class="list-divider">UART: Baudrate</li>
		<li><input id="uart-baud-9k6" name="uart-baud" type="radio" checked="checked"/>9600bps </li>
                <li class="list-divider">UART: Tx</li>
		<li>Char: <input id="uart-tx-char" type="text" maxlength="1" style="width:50px;"/><a id="btn-tx-char" class="button">Submit</a></li>
		<li>String: <input id="uart-tx-str" type="text" maxlength="20" style="width:200px;"/><a id="btn-tx-str" class="button">Submit</a></li>
		<li>Hex: 0x<input id="uart-tx-hex" type="text" maxlength="2" style="width:50px;"/><a id="btn-tx-hex" class="button">Submit</a></li>
                <li class="list-divider">UART: Rx</li>
		<li>Char: <textarea id="uart-rx-text" rows="5" readonly></textarea></li>
		<li>Hex: <textarea id="uart-rx-hex" rows="5" readonly></textarea></li>
		<li><a id="btn-clear-rx" class="button">Clear Console</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 UART Console 4 ET

// forked from yokota's "forked: konashi.js UART Console 4 ET" http://jsdo.it/yokota/Qx6J // forked from mpression's "forked: konashi.js UART Console 4 ET" http://jsdo.it/mpression/4uq90 // forked from k.takashi's "konashi.js UART Console 4 ET" http://jsdo.it/k.takashi/Utxq // 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 koshian") ; // hide uart panel $("#uart-panel").hide(); } }); $("#uart-baud-9k6").on("change", function(){ k.uartMode(k.KONASHI_UART_DISABLE); k.uartBaudrate(k.KONASHI_UART_RATE_19K2); k.uartMode(k.KONASHI_UART_ENABLE); }); $("#btn-tx-char").on("tap", function(){ if($("#uart-tx-char").val()!=""){ k.uartWrite($("#uart-tx-char").val().charCodeAt(0)); } }); $("#btn-tx-str").on("tap", function(){ if($("#uart-tx-str").val()!=""){ var str=$("#uart-tx-str").val(); for(i=0;i<str.length;i++){ k.uartWrite(str.charCodeAt(i)); } } }); $("#btn-tx-hex").on("tap", function(){ if($("#uart-tx-hex").val()!=""){ k.uartWrite(parseInt($("#uart-tx-hex").val(),16)); } }); $("#btn-clear-rx").on("tap", function(){ $("#uart-rx-text").html(""); $("#uart-rx-hex").html(""); }); 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_57K6); k.uartMode(k.KONASHI_UART_ENABLE); }); k.completeUartRx(function(value){ $("#uart-rx-text").html($("#uart-rx-text").html()+String.fromCharCode(value)); $("#uart-rx-hex").html($("#uart-rx-hex").html()+parseInt(value).toString(16)+" "); }); //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">konashi.js: UART Console</h1> </header> <div class="content"> <div class="hello"> <p>Hello konashi.js!</p> <p>First make sure you tap the following button to find koshian. </div> <div class="find"> <a id="btn-find" class="button-main button-block find">Find koshian</a> </div> <ul id="uart-panel" class="list inset"> <li class="list-divider">UART: Baudrate</li> <li><input id="uart-baud-9k6" name="uart-baud" type="radio" checked="checked"/>9600bps </li> <li class="list-divider">UART: Tx</li> <li>Char: <input id="uart-tx-char" type="text" maxlength="1" style="width:50px;"/><a id="btn-tx-char" class="button">Submit</a></li> <li>String: <input id="uart-tx-str" type="text" maxlength="20" style="width:200px;"/><a id="btn-tx-str" class="button">Submit</a></li> <li>Hex: 0x<input id="uart-tx-hex" type="text" maxlength="2" style="width:50px;"/><a id="btn-tx-hex" class="button">Submit</a></li> <li class="list-divider">UART: Rx</li> <li>Char: <textarea id="uart-rx-text" rows="5" readonly></textarea></li> <li>Hex: <textarea id="uart-rx-hex" rows="5" readonly></textarea></li> <li><a id="btn-clear-rx" class="button">Clear Console</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>.hello { margin: 10px; } .find { margin: 10px; } #uart-panel { display: none; }