2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
6 <title>Rec10 Simple Web Interface ver.0.4.1a</title>
8 <script src="../dojo/dojo.js" djConfig="parseOnLoad:true">
11 <style type="text/css">
12 @import "../dojo/resources/dojo.css";
13 @import "../dijit/themes/tundra/tundra.css";
17 <script type="text/javascript">
19 dojo.require("dojo.parser");
20 // ※ ここで、使用するウィジェットの読み込みを行う
22 dojo.require("dijit.form.Button");
23 dojo.require("dijit.form.FilteringSelect");
24 dojo.require("dijit.form.ValidationTextBox");
25 dojo.require("dijit.form.NumberSpinner");
26 dojo.require("dijit.form.CheckBox");
27 dojo.require("dijit.form.Form");
28 //dojo.require("dojox.date");
29 function setType(value){
31 //alert("Selected "+value);
32 dijit.byId("deltaday").setDisabled(true);
33 dijit.byId("deltahour").setDisabled(true);
35 }else if (value=="key"){
36 //alert("Selected "+value);
37 dijit.byId("deltaday").setDisabled(true);
38 dijit.byId("deltahour").setDisabled(false);
40 }else if (value=="keyday"){
41 dijit.byId("deltahour").setDisabled(false);
43 }else if (value=="keyevery"){
44 //alert("Selected "+value);
45 dijit.byId("deltaday").setDisabled(false);
46 dijit.byId("deltahour").setDisabled(false);
48 }else if (value=="res"){
49 //alert("Selected "+value);
50 dijit.byId("deltaday").setDisabled(true);
51 dijit.byId("deltahour").setDisabled(true);
53 }else if (value=="ts2avi"){
54 dijit.byId("deltaday").setDisabled(true);
55 dijit.byId("deltahour").setDisabled(true);
60 function setDayopt(bool){
61 dijit.byId("day_Sun").setDisabled(!bool);
62 dijit.byId("day_Mon").setDisabled(!bool);
63 dijit.byId("day_Tue").setDisabled(!bool);
64 dijit.byId("day_Wed").setDisabled(!bool);
65 dijit.byId("day_Thu").setDisabled(!bool);
66 dijit.byId("day_Fri").setDisabled(!bool);
67 dijit.byId("day_Sat").setDisabled(!bool);
69 function changeSize(){
70 var str=dijit.byId("opts").value;
71 var s=dijit.byId("size").value;
72 str=str.replace("S","");
73 str=str.replace("H","");
74 str=str.replace("F","");
75 str=str.replace("Q","");
77 //alert("Selected "+str);
78 dijit.byId("opts").setValue(str);
81 function setOpts(obj){
83 var str=dijit.byId("opts").value;
86 var str=dijit.byId("opts").value;
87 str=str.replace(obj.value,"");
89 dijit.byId("opts").setValue(str);
91 function changeOpts(){
92 var str=dijit.byId("opts").value;
93 if (str.indexOf("a")>-1){
94 dijit.byId("anime").setChecked(true);
96 dijit.byId("anime").setChecked(false);
98 if (str.indexOf("2")>-1){
99 dijit.byId("2pass").setChecked(true);
101 dijit.byId("2pass").setChecked(false);
103 if (str.indexOf("x")>-1){
104 dijit.byId("xvid").setChecked(true);
106 dijit.byId("xvid").setChecked(false);
108 if (str.indexOf("d")>-1){
109 dijit.byId("dualaudio").setChecked(true);
111 dijit.byId("dualaudio").setChecked(false);
113 if (str.indexOf("5")>-1){
114 dijit.byId("pentaaudio").setChecked(true);
116 dijit.byId("pentaaudio").setChecked(false);
118 if (str.indexOf("S")>-1){
119 dijit.byId("size").setValue("S");
120 }else if (str.indexOf("H")>-1){
121 dijit.byId("size").setValue("H");
122 }else if (str.indexOf("F")>-1){
123 dijit.byId("size").setValue("F");
124 }else if (str.indexOf("Q")>-1){
125 dijit.byId("size").setValue("Q");
130 function setbtime_now(){
132 now.setMinutes(0,0,0);
135 function setetime_now(){
136 var ds=dijit.byId("btime").value;
142 now.setMinutes(0,0,0);
146 function txt2date(txt){
150 d.setYear(parseInt(ds.substring(0,4),10));
153 d.setMonth(parseInt(ds.substring(5,7),10)-1);
156 d.setDate(parseInt(ds.substring(8,10),10));
159 d.setHours(parseInt(ds.substring(11,13),10));
162 d.setMinutes(parseInt(ds.substring(14,16),10));
165 d.setSeconds(parseInt(ds.substring(17,19),10));
169 function add_btimemin(min){
170 var ds=dijit.byId("btime").value;
172 //window.alert(ds.toString()+":"+d.toString());
173 d.setTime(d.getTime()+min*60*1000);
176 function add_etimemin(min){
177 var ds=dijit.byId("etime").value;
179 d.setTime(d.getTime()+min*60*1000);
183 function setbtime(date){
185 //window.alert("setbtime");
186 nowtxt=String(date.getFullYear())+"-";
187 if (date.getMonth()<10){
190 nowtxt=nowtxt+String(date.getMonth()+1)+"-";
191 if (date.getDate()<10){
194 nowtxt=nowtxt+String(date.getDate())+" ";
195 if (date.getHours()<10){
198 nowtxt=nowtxt+String(date.getHours())+":";
199 if (date.getMinutes()<10){
202 nowtxt=nowtxt+String(date.getMinutes())+":00";
203 //console.debug("click");
204 //window.alert("test");
205 dijit.byId("btime").setValue(nowtxt);
207 function setetime(date){
209 //window.alert("test");
210 nowtxt=String(date.getFullYear())+"-";
211 if (date.getMonth()<10){
214 nowtxt=nowtxt+String(date.getMonth()+1)+"-";
215 if (date.getDate()<10){
218 nowtxt=nowtxt+String(date.getDate())+" ";
219 if (date.getHours()<10){
222 nowtxt=nowtxt+String(date.getHours())+":";
223 if (date.getMinutes()<10){
226 nowtxt=nowtxt+String(date.getMinutes())+":00";
227 //console.debug("click");
228 //window.alert("test");
229 dijit.byId("etime").setValue(nowtxt);
231 function title2opts(){
232 var str=dijit.byId("title").value;
233 var stropt=dijit.byId("opts").Value;
234 if (stropt==undefined){
237 //stropt=stropt.replace("undefined","");
239 if (str.indexOf("(2)")>-1){
240 //dijit.byId("2pass").setChecked(true);
242 dijit.byId("opts").setValue(str);
243 }else if(str.indexOf("(二)")>-1){
244 //dijit.byId("2pass").setChecked(true);
246 dijit.byId("opts").setValue(str);
247 }else if(str.indexOf("[二]")>-1){
248 //dijit.byId("2pass").setChecked(true);
250 dijit.byId("opts").setValue(str);
251 }else if(str.indexOf("(二)")>-1){
252 //dijit.byId("2pass").setChecked(true);
254 dijit.byId("opts").setValue(str);
255 }else if(str.indexOf("(二)")>-1){
256 //dijit.byId("2pass").setChecked(true);
258 dijit.byId("opts").setValue(str);
259 }else if(str.indexOf("5.1")>-1){
260 //dijit.byId("2pass").setChecked(true);
262 dijit.byId("opts").setValue(str);
263 }else if(str.indexOf("5.1")>-1){
264 //dijit.byId("2pass").setChecked(true);
266 dijit.byId("opts").setValue(str);
269 //dojo.addOnLoad(init);
278 dojo.addOnLoad(init);
282 <body class="tundra">
283 <div dojoType="dijit.form.Form" action="rec10web.py" onExecute="this.submit()">
284 <h1>Rec10 Simple Web Interface ver.0.4.1a</h1><br>
286 dojoType="dijit.form.FilteringSelect"
288 value="<!--type-value//-->"
290 <option value="res">通常予約</option>
291 <option value="key">キーワード予約</option>
292 <option value="keyday">曜日予約</option>
293 <option value="keyevery">隔日予約</option>
294 <option value="rec">最終予約</option>
295 <option value="ts2avi">エンコード予約</option>
296 <option value="b252ts">復号化予約</option>
300 dojoType="dijit.form.TextBox"
301 value="<!--title-value//-->"
305 dojoType="dijit.form.FilteringSelect"
307 value="<!--ch-value//-->"
309 <!--text_for_replace_chtxt_input//-->
314 dojoType="dijit.form.ValidationTextBox"
315 promptmessage="年-月-日 時間:分:秒"
316 value="<!--btime-value//-->"
317 regexp="\d{4}\-\d{2}\-\d{2} \d{2}\:\d{2}\:\d{2}">
319 <div dojoType="dijit.form.Button" onclick="setbtime_now()">現在</div>
320 <div dojoType="dijit.form.Button" onclick="add_btimemin(30)">+30m</div>
321 <div dojoType="dijit.form.Button" onclick="add_btimemin(180)">+3h</div>
322 <div dojoType="dijit.form.Button" onclick="add_btimemin(720)">+12h</div>
326 dojoType="dijit.form.ValidationTextBox"
327 promptmessage="年-月-日 時間:分:秒"
328 value="<!--etime-value//-->"
329 regexp="\d{4}\-\d{2}\-\d{2} \d{2}\:\d{2}\:\d{2}">
331 <div dojoType="dijit.form.Button" onclick="setetime_now()">一致</div>
332 <div dojoType="dijit.form.Button" onclick="add_etimemin(5)">+5m</div>
333 <div dojoType="dijit.form.Button" onclick="add_etimemin(30)">+30m</div>
334 <div dojoType="dijit.form.Button" onclick="add_etimemin(60)">+1h</div>
337 <input dojoType="dijit.form.NumberSpinner"
341 constraints="{min:0,max:24,places:0}"
346 <input dojoType="dijit.form.NumberSpinner"
350 constraints="{min:0,max:24,places:0}"
353 name="deltahour"><br><br>
355 <input type="checkbox"
356 dojoType="dijit.form.CheckBox"
357 id="day_Mon" name="day_Mon" value="1">月曜</input>
358 <input type="checkbox"
359 dojoType="dijit.form.CheckBox"
360 id="day_Tue" name="day_Tue" value="2">火曜</input>
361 <input type="checkbox"
362 dojoType="dijit.form.CheckBox"
363 id="day_Wed" name="day_Wed" value="3">水曜</input>
364 <input type="checkbox"
365 dojoType="dijit.form.CheckBox"
366 id="day_Thu" name="day_Thu" value="4">木曜</input>
367 <input type="checkbox"
368 dojoType="dijit.form.CheckBox"
369 id="day_Fri" name="day_Fri" value="5">金曜</input>
370 <input type="checkbox"
371 dojoType="dijit.form.CheckBox"
372 id="day_Sat" name="day_Sat" value="6">土曜</input>
373 <input type="checkbox"
374 dojoType="dijit.form.CheckBox"
375 id="day_Sun" name="day_Sun" value="7">日曜</input>
379 dojoType="dijit.form.FilteringSelect"
381 value="<!--size-value//-->"
383 onChange="changeSize">
384 <option selected="selected" value="S">SD画質(720x480)</option>
385 <option value="H">HD画質(1280x720)</option>
386 <option value="Q">WQVG画質(400x240)</option>
387 <option value="F">FULLHD画質(1920x1080)</option>
388 <input type="checkbox"
389 dojoType="dijit.form.CheckBox"
390 id="anime" name="anime" value="a"
391 onClick="setOpts(this)">アニメ</input>
392 <input type="checkbox"
393 dojoType="dijit.form.CheckBox"
394 id="dualaudio" name="dualaudio" value="d"
395 onClick="setOpts(this)">二ヶ国語放送</input>
396 <input type="checkbox"
397 dojoType="dijit.form.CheckBox"
398 id="pentaaudio" name="pentaaudio" value="5"
399 onClick="setOpts(this)">5.1ch放送</input>
400 <input type="checkbox"
401 dojoType="dijit.form.CheckBox"
402 id="2pass" name="2pass" value="2"
403 onClick="setOpts(this)">2passモード</input>
404 <input type="checkbox"
405 dojoType="dijit.form.CheckBox"
406 id="xvid" name="xvid" value="x"
407 onClick="setOpts(this)">Xvidモード</input>
411 dojoType="dijit.form.ValidationTextBox"
412 value="<!--opts-value//-->"
413 onChange="changeOpts"
415 </div><div dojoType="dijit.form.Button" type="submit">予約</div>
417 dojoType="dijit.form.ValidationTextBox"
419 style="display:none";>