Forked from: kuma711's forked: sg1 forked: NEW konashi.js TEXT ONLY UART View Diff (4) forked: konashi.js multi TEXT UART Console kuma711 Follow 2017-04-30 17:01:13 License: MIT License Fork1 Fav0 View352 Play Stop Reload Fullscreen Smart Phone Fork tree 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"> <!-- ratchet css --> <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 class="list-divider">UART: Baudrate</li> --> <!-- <li class="list-divider">UART: Tx</li> --> <!-- <li class="list-divider">UART: Rx</li> --> <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> <!-- <li><textarea id="debug" cols="40" rows="6"></textarea></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 multi TEXT UART Console .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 } */ 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"> <!-- ratchet css --> <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 class="list-divider">UART: Baudrate</li> --> <!-- <li class="list-divider">UART: Tx</li> --> <!-- <li class="list-divider">UART: Rx</li> --> <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> <!-- <li><textarea id="debug" cols="40" rows="6"></textarea></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> .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 } */ use an iframe compat browser, deer Play on jsdo.it games Author Share ブログに埋め込む QR Tag Download Complete! Description What kind of game? Konashi2用です。 Control Device Smartphone Controllerjsdo.it WebSocket Controller» Mouse Keyboard Touch Device Fullscreen Activated Inactivated jsdo.it games から削除する Submit Author kuma711 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/q78n/js"></script> application konashi library&test sample smartphones&tablets uart Discussion Questions on this code? Tags application konashi library&test sample smartphones&tablets uart Forked sort by latest page views favorite forked forked: konashi.js multi TEXT e_hirao 00 74 96/44/26 application konashi library&test sample smartphones&tablets uart