Forked from: yossy426's 2017-01-30 1st View Diff (85) forked: 2017-01-30 1st yossy426 Follow 2017-02-01 03:35:06 License: MIT License Fork1 Fav0 View4014 Play Stop Reload Fullscreen Smart Phone Fork tree Readme JavaScript 19 lines HTML 12 lines CSS 20 lines <問題点> timeSlider.jsを読み込めていない。 forked: 2017-01-30 1st jQuery v1.8.3 $(function(){ timeSlider.init([ { "type": 2, "step": 15, "image": "png", "color": "white", "url": "http://jsrun.it/assets/O/n/D/Y/OnDYV", "selector": "#timeSlider1", "hourForm": ["#hour1","#hour2"], "minuteForm": ["#minute1","#minute2"], "hourText": ["#hourText1","#hourText2"], "minuteText": ["#minuteText1","#minuteText2"], "setHour": [20,3], "setMinute": [0,30] } ]); }); <body> <h1>時間入力のスライダー</h1> <form class="js-slider-form" onsubmit="return false;"> <div class="block"> StartTime:<input type="text" name="hour1" id="hour1" value="" style="width:3em" />:<input type="text" name="minute1" id="minute1" value="" style="width:3em" /> EndTime:<input type="text" name="hour2" id="hour2" value="" style="width:3em" />:<input type="text" name="minute2" id="minute2" value="" style="width:3em" /> <span id="hourText1"></span>:<span id="minuteText1"></span> 〜 <span id="hourText2"></span>:<span id="minuteText2"></span> <div id="timeSlider1" class="timeSlider"></div> </div> </form> </body> forked: 2017-01-30 1st body { background-color: #DDDDDD; font: 14px sans-serif; } h1 { border: solid 3px #993300; padding: 5px; color: #993300; width: 400px; } h2 { font-size: 14px; font-weight: bold; } form { margin-left: 20px; } <問題点> timeSlider.jsを読み込めていない。 $(function(){ timeSlider.init([ { "type": 2, "step": 15, "image": "png", "color": "white", "url": "http://jsrun.it/assets/O/n/D/Y/OnDYV", "selector": "#timeSlider1", "hourForm": ["#hour1","#hour2"], "minuteForm": ["#minute1","#minute2"], "hourText": ["#hourText1","#hourText2"], "minuteText": ["#minuteText1","#minuteText2"], "setHour": [20,3], "setMinute": [0,30] } ]); }); <body> <h1>時間入力のスライダー</h1> <form class="js-slider-form" onsubmit="return false;"> <div class="block"> StartTime:<input type="text" name="hour1" id="hour1" value="" style="width:3em" />:<input type="text" name="minute1" id="minute1" value="" style="width:3em" /> EndTime:<input type="text" name="hour2" id="hour2" value="" style="width:3em" />:<input type="text" name="minute2" id="minute2" value="" style="width:3em" /> <span id="hourText1"></span>:<span id="minuteText1"></span> 〜 <span id="hourText2"></span>:<span id="minuteText2"></span> <div id="timeSlider1" class="timeSlider"></div> </div> </form> </body> body { background-color: #DDDDDD; font: 14px sans-serif; } h1 { border: solid 3px #993300; padding: 5px; color: #993300; width: 400px; } h2 { font-size: 14px; font-weight: bold; } form { margin-left: 20px; } use an iframe compat browser, deer Play on jsdo.it games Author Share ブログに埋め込む QR Tag Download Complete! Description What kind of game? <問題点> timeSlider.jsを読み込めていない。 Control Device Smartphone Controllerjsdo.it WebSocket Controller» Mouse Keyboard Touch Device Fullscreen Activated Inactivated jsdo.it games から削除する Submit Author yossy426 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/MMgI/js"></script> question Discussion Questions on this code? Tags question Forked sort by latest page views favorite forked forked: 2017-01-30 1st kawawasaki20 00 1793 20/12/20 question