Rec10WEB/trunk/src/rswi.htm

   1
   2
   3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
   4 <html>
   5       <head>
   6       <meta http-equive="Content-Type" content="text/html;charset=UTF-8"/>
   7 　　　<title>Rec10 Simple Web Interface ver.0.3.1b</title>
   8       <!-- dojo.jsの読み込み -->
   9       <script src="../dojo/dojo.js" djConfig="parseOnLoad: true">
  10       </script>
  11       <!-- テーマの読み込み -->
  12       <style type="text/css">
  13         @import "../dojo/resources/dojo.css";
  14         @import "../dijit/themes/tundra/tundra.css";
  15
  16
  17       </style>
  18       <script type="text/javascript">
  19
  20         dojo.require("dojo.parser");
  21         // ※ ここで、使用するウィジェットの読み込みを行う
  22
  23         dojo.require("dijit.form.Button");
  24         dojo.require("dijit.form.FilteringSelect");
  25         dojo.require("dijit.form.ValidationTextBox");
  26         dojo.require("dijit.form.NumberSpinner");
  27         dojo.require("dijit.form.CheckBox");
  28         dojo.require("dijit.form.Form");
  29         function setType(value){
  30                 if (value=="rec"){
  31                         //alert("Selected "+value);
  32                         dijit.byId("deltaday").setDisabled(true);
  33                         dijit.byId("deltahour").setDisabled(true);
  34                 }else if (value=="key"){
  35                         //alert("Selected "+value);
  36                         dijit.byId("deltaday").setDisabled(true);
  37                         dijit.byId("deltahour").setDisabled(false);
  38                 }else if (value=="keyevery"){
  39                         //alert("Selected "+value);
  40                         dijit.byId("deltaday").setDisabled(false);
  41                         dijit.byId("deltahour").setDisabled(false);
  42                 }else if (value=="res"){
  43                         //alert("Selected "+value);
  44                         dijit.byId("deltaday").setDisabled(true);
  45                         dijit.byId("deltahour").setDisabled(true);
  46                 }
  47
  48         }
  49         function changeSize(){
  50                 var str=dijit.byId("opts").value;
  51                 var s=dijit.byId("size").value;
  52                 str=str.replace("S","");
  53                 str=str.replace("H","");
  54                 str=str.replace("F","");
  55                 str=str.replace("Q","");
  56                 str=str+s;
  57                 //alert("Selected "+str);
  58                 dijit.byId("opts").setValue(str);
  59
  60         }
  61         function setOpts(obj){
  62                 if (obj.checked){
  63                         var str=dijit.byId("opts").value;
  64                         str=str+obj.value;
  65                 }else{
  66                         var str=dijit.byId("opts").value;
  67                         str=str.replace(obj.value,"");
  68                 }
  69                 dijit.byId("opts").setValue(str);
  70         }
  71         function changeOpts(){
  72                 var str=dijit.byId("opts").value;
  73                 if (str.indexOf("a")>-1){
  74                         dijit.byId("anime").setChecked(true);
  75                 }else{
  76                         dijit.byId("anime").setChecked(false);
  77                 }
  78                 if (str.indexOf("2")>-1){
  79                         dijit.byId("2pass").setChecked(true);
  80                 }else{
  81                         dijit.byId("2pass").setChecked(false);
  82                 }
  83                 if (str.indexOf("x")>-1){
  84                         dijit.byId("xvid").setChecked(true);
  85                 }else{
  86                         dijit.byId("xvid").setChecked(false);
  87                 }
  88         if (str.indexOf("d")>-1){
  89                         dijit.byId("dualaudio").setChecked(true);
  90                 }else{
  91                         dijit.byId("dualaudio").setChecked(false);
  92                 }
  93                 if (str.indexOf("S")>-1){
  94                         dijit.byId("size").setValue("S");
  95                 }else if (str.indexOf("H")>-1){
  96                         dijit.byId("size").setValue("H");
  97                 }else if (str.indexOf("F")>-1){
  98                         dijit.byId("size").setValue("F");
  99                 }else if (str.indexOf("Q")>-1){
 100                         dijit.byId("size").setValue("Q");
 101                 }
 102         }
 103     function init_datecheck(){
 104         var btime=dijit.byId("btime").value;
 105         var etime=dijit.byId("etime").value;
 106         if ((btime==undefined)&&(etime==undefined)){
 107             btime=btime.replace("-","/");
 108             etime=etime.replace("-","/");
 109             var bd=new Date(btime);
 110             var ed=new Date(etime);
 111             if (ed<bd){
 112                 var oneday=new Date(0,0,1);
 113                 ed=ed+oneday;
 114
 115             }
 116             //etime=ed.getFullYear()+"-"+ed.getMonth()+"-"+ed.getDate+" "+ed.getHours()+":"+
 117             etime=ed.toLocaleString();
 118             dijit.byId("etime").setValue(etime);
 119         }
 120     }
 121     function title2opts(){
 122         var str=dijit.byId("title").value;
 123         var stropt=dijit.byId("opts").Value;
 124         if (stropt==undefined){
 125             stropt="";
 126         }
 127         //stropt=stropt.replace("undefined","");
 128         //stropt=""
 129         if (str.indexOf("(2)")>-1){
 130                         //dijit.byId("2pass").setChecked(true);
 131             str=stropt+"d";
 132             dijit.byId("opts").setValue(str);
 133                 }else if(str.indexOf("(二)")>-1){
 134             //dijit.byId("2pass").setChecked(true);
 135             str=stropt+"d";
 136             dijit.byId("opts").setValue(str);
 137                 }else if(str.indexOf("[二]")>-1){
 138             //dijit.byId("2pass").setChecked(true);
 139             str=stropt+"d";
 140             dijit.byId("opts").setValue(str);
 141                 }else if(str.indexOf("(二)")>-1){
 142             //dijit.byId("2pass").setChecked(true);
 143             str=stropt+"d";
 144             dijit.byId("opts").setValue(str);
 145                 }else if(str.indexOf("（二）")>-1){
 146             //dijit.byId("2pass").setChecked(true);
 147             str=stropt+"d";
 148             dijit.byId("opts").setValue(str);
 149         }
 150     }
 151         function init(){
 152                 setType("rec");
 153         title2opts();
 154
 155                 changeSize();
 156         changeOpts();
 157                 //changeSize();
 158         }
 159         dojo.addOnLoad(init);
 160       </script>
 161       </head>
 162       <!-- テーマの読み込み -->
 163       <body class="tundra">
 164         <div dojoType="dijit.form.Form" action="rec10web.py" onExecute="this.submit()">
 165         <h1>Rec10 Simple Web Interface ver.0.1.2</h1><br>
 166         <select name="type"
 167                 dojoType="dijit.form.FilteringSelect"
 168                 autocomplete="false"
 169                 value="<!--type-value//-->"
 170                 onChange="setType">
 171                 <option value="res">通常予約</option>
 172                 <option value="key">キーワード予約</option>
 173                 <option value="keyevery">隔日予約</option>
 174                 <option value="rec">最終予約</option>
 175         </select>番組名/キーワード
 176         <input type="text"
 177                 length="40"
 178                 dojoType="dijit.form.TextBox"
 179                 value="<!--title-value//-->"
 180                 id="title"
 181         name="title">チャンネル
 182         <select name="chtxt"
 183                 dojoType="dijit.form.FilteringSelect"
 184                 autocomplete="false"
 185                 value="<!--ch-value//-->"
 186                 onChange="setType">
 187                   <!--text_for_replace_chtxt_input//-->
 188         </select>
 189         <br><br>開始時刻
 190         <div name="btime"
 191                 dojoType="dijit.form.ValidationTextBox"
 192                 promptmessage="年-月-日 時間:分:秒"
 193                 value="<!--btime-value//-->"
 194                 regexp="\d{4}\-\d{2}\-\d{2} \d{2}\:\d{2}\:\d{2}">
 195         </div>終了時刻
 196         <div name="etime"
 197                 dojoType="dijit.form.ValidationTextBox"
 198                 promptmessage="年-月-日 時間:分:秒"
 199                 value="<!--etime-value//-->"
 200                 regexp="\d{4}\-\d{2}\-\d{2} \d{2}\:\d{2}\:\d{2}">
 201         </div><br>
 202         <br>隔日周期(days)
 203         <input dojoType="dijit.form.NumberSpinner"
 204                 value="7"
 205                 smallDelta="1"
 206                   largeDelta="10"
 207                 constraints="{min:0,max:24,places:0}"
 208                 maxlength="2"
 209                 id="deltaday"
 210                 name="deltaday">
 211         キーワード録画許容誤差(hours)
 212         <input dojoType="dijit.form.NumberSpinner"
 213                 value="3"
 214                 smallDelta="1"
 215                   largeDelta="10"
 216                 constraints="{min:0,max:24,places:0}"
 217                 maxlength="2"
 218                 id="deltahour"
 219                 name="deltahour"><br><br>
 220         録画サイズ
 221         <select name="size"
 222                 dojoType="dijit.form.FilteringSelect"
 223                 autocomplete="false"
 224                 value="<!--size-value//-->"
 225                   id="size"
 226                 onChange="changeSize">
 227         <option selected="selected" value="S">SD画質(720x480)</option>
 228               <option value="H">HD画質(1280x720)</option>
 229               <option value="Q">WQVG画質(400x240)</option>
 230                 <option value="F">FULLHD画質(1920x1080)</option>
 231         <input type="checkbox"
 232                 dojoType="dijit.form.CheckBox"
 233                 checked="checked" id="anime" name="anime" value="a"
 234                 onClick="setOpts(this)">アニメ</input>
 235         <input type="checkbox"
 236                 dojoType="dijit.form.CheckBox"
 237                 id="dualaudio" name="dualaudio" value="d"
 238                 onClick="setOpts(this)">二ヶ国語放送</input>
 239         <input type="checkbox"
 240                 dojoType="dijit.form.CheckBox"
 241                 id="2pass" name="2pass" value="2"
 242                 onClick="setOpts(this)">2passモード</input>
 243         <input type="checkbox"
 244                 dojoType="dijit.form.CheckBox"
 245                 id="xvid" name="xvid" value="x"
 246                 onClick="setOpts(this)">Xvidモード</input>
 247         </select>
 248         Options
 249         <div name="opts"
 250                 dojoType="dijit.form.ValidationTextBox"
 251                 value="<!--opts-value//-->"
 252                 onChange="changeOpts"
 253                 id="opts">
 254         </div><div dojoType="dijit.form.Button" type="submit">予約</div>
 255         <div name="exec"
 256                 dojoType="dijit.form.ValidationTextBox"
 257                 value="yes"
 258                 style="display:none";>
 259         </div>
 260       </body>
 261 </html>