Forked from: yokota's forked: konashi.js UART Console 4 ET View Diff (1) forked: konashi.js UART Console 4 ET nagmasasan Follow 2017-04-19 16:24:41 License: MIT License Fork0 Fav0 View380 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 78 lines HTML 51 lines CSS 11 lines 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"> <!-- ratchet css --> <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> <!-- for konashijs --> <script src="http://konashi.ux-xu.com/kjs/konashi-bridge.min.js"></script> <!-- for this sample --> <!-- zepto --> <script src="http://jsrun.it/assets/1/M/0/f/1M0fl"></script> <!-- touch.js --> <script src="http://jsrun.it/assets/g/s/1/M/gs1MI"></script> <!-- ratchet.js --> <script src="http://jsrun.it/assets/g/3/W/u/g3WuF"></script> </body> </html> forked: konashi.js UART Console 4 ET .hello { margin: 10px; } .find { margin: 10px; } #uart-panel { display: none; } // 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"> <!-- ratchet css --> <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> <!-- for konashijs --> <script src="http://konashi.ux-xu.com/kjs/konashi-bridge.min.js"></script> <!-- for this sample --> <!-- zepto --> <script src="http://jsrun.it/assets/1/M/0/f/1M0fl"></script> <!-- touch.js --> <script src="http://jsrun.it/assets/g/s/1/M/gs1MI"></script> <!-- ratchet.js --> <script src="http://jsrun.it/assets/g/3/W/u/g3WuF"></script> </body> </html> .hello { margin: 10px; } .find { margin: 10px; } #uart-panel { display: none; } use an iframe compat browser, deer Play on jsdo.it games Author Share ブログに埋め込む QR Tag Download Complete! Description What kind of game? Control Device Smartphone Controllerjsdo.it WebSocket Controller» Mouse Keyboard Touch Device Fullscreen Activated Inactivated jsdo.it games から削除する Submit Author nagmasasan Tweet Default Panel Auto play Screenshot Readme JavaScript HTML CSS Size Width: px Height: px code <script type="text/javascript" src="http://jsdo.it/blogparts/Ox7A/js"></script> application konashi library&test sample smartphones&tablets Discussion Questions on this code? Tags application konashi library&test sample smartphones&tablets