2013-11-08 2nd tetsuwo Follow 2013-11-17 17:17:38 License: MIT License Fork0 Fav0 View1051 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 19 lines HTML 25 lines CSS 10 lines 2013-11-08 2nd JsRender var data = [ { "name": "Robert", "nickname": "Bob", "showNickname": true }, { "name": "Susan", "nickname": "Sue", "showNickname": false } ]; var template = $.templates("#theTmpl"); var htmlOutput = template.render(data); $("#result").html(htmlOutput); <!DOCTYPE html> <!-- To run the current sample code in your own environment, copy this to an html page. --> <html> <head> <script src="http://code.jquery.com/jquery.js"></script> <link href="http://www.jsviews.com/samples/samples.css" rel="stylesheet"/> <script src="http://www.jsviews.com/download/jsrender.js"></script> </head> <body> <div id="result"></div> <script id="theTmpl" type="text/x-jsrender"> <div> <em>Name:</em> {{:name}} {{if showNickname && nickname}} (Goes by <em>{{:nickname}}</em>) {{/if}} </div> </script> </body> </html> 2013-11-08 2nd * { margin: 0; padding: 0; border: 0; } body { background: #dfd; font: 30px sans-serif; } var data = [ { "name": "Robert", "nickname": "Bob", "showNickname": true }, { "name": "Susan", "nickname": "Sue", "showNickname": false } ]; var template = $.templates("#theTmpl"); var htmlOutput = template.render(data); $("#result").html(htmlOutput); <!DOCTYPE html> <!-- To run the current sample code in your own environment, copy this to an html page. --> <html> <head> <script src="http://code.jquery.com/jquery.js"></script> <link href="http://www.jsviews.com/samples/samples.css" rel="stylesheet"/> <script src="http://www.jsviews.com/download/jsrender.js"></script> </head> <body> <div id="result"></div> <script id="theTmpl" type="text/x-jsrender"> <div> <em>Name:</em> {{:name}} {{if showNickname && nickname}} (Goes by <em>{{:nickname}}</em>) {{/if}} </div> </script> </body> </html> * { margin: 0; padding: 0; border: 0; } body { background: #dfd; font: 30px sans-serif; } 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 tetsuwo URLhttps://blog.t5o.me Facebook: http://www.facebook.com/tetsuwo Twitter: http://twitter.com/tetsukamp Bitbucket: https://bitbucket.org/tetsuwo GitHub: https://github.com/tetsuwo 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/pygr/js"></script> Discussion Questions on this code?
