Mercurial > epgrec.yaz
annotate templates/index.html @ 122:709bc9c69318
mod: チャンネルスキップ引き続き実装中(まだ途中)
author | yoneda <epgrec@park.mda.or.jp> |
---|---|
date | Tue, 16 Mar 2010 23:08:59 +0900 |
parents | ea54c3128da3 |
children | 57ca9a15dfad |
rev | line source |
---|---|
1 | 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
2 "http://www.w3.org/TR/html4/loose.dtd"> | |
3 | |
4 <html> | |
5 <head> | |
6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
7 <title>{$sitetitle}</title> | |
8 <meta http-equiv="Content-Style-Type" content="text/css"> | |
9 | |
10 {literal} | |
11 | |
12 <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> | |
13 <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script> | |
14 <link rel="stylesheet" href="start/jquery-ui-1.7.2.custom.css" type="text/css"> | |
15 <script type="text/javascript" src="js/mdabasic.js"></script> | |
16 <script type="text/javascript"> | |
17 function tvtimes_scroll(){ | |
18 var t2max = $('#tvtimes2').position().left; | |
19 var ftmin = $('#float_titles').position().top; | |
20 tvtimes2scrl(); | |
21 $(window).scroll(function () { | |
22 $('#tvtimes').css('left', parseInt($(document ).scrollLeft())); | |
23 var newTop = parseInt($(document ).scrollTop()); | |
24 if(newTop < ftmin) {newTop = ftmin;} | |
25 $('#float_titles').css('top', newTop); | |
26 tvtimes2scrl(); | |
27 $('#float_follows').css('left', parseInt($(document ).scrollLeft())); | |
28 }); | |
29 $(window).resize(function () { tvtimes2scrl();}); | |
30 function tvtimes2scrl(){ | |
31 var inwidth = parseInt($('body').innerWidth()); | |
32 // IE6 | |
33 if ($.browser.msie && $.browser.version == 6){ inwidth = document.documentElement.clientWidth;} | |
34 var newLeft = inwidth - parseInt($('#tvtimes2').width()) + parseInt($( document ).scrollLeft()); | |
35 if(newLeft > t2max ) {newLeft = t2max} | |
36 $('#tvtimes2').css('left', newLeft); | |
37 $('#float_follows').width(inwidth); | |
38 } | |
39 } | |
40 function prg_hover(){ | |
41 function aClick(){ | |
42 var TG = $(this).children('.prg_dummy'); | |
43 var startTime = new Date(TG.children('.prg_start').html()); | |
44 var duration = parseInt(TG.children('.prg_duration').html()); | |
45 var endTime = new Date(startTime.getTime() + duration * 1000); | |
46 var prgID = parseInt(TG.children('.prg_id').html()); | |
47 | |
48 var str = '<div class="prg_title">' + TG.children('.prg_title').html() +'</div>' + | |
49 '<div class="prg_rec_cfg ui-corner-all"><div class="prg_channel"><span class=" labelLeft">c潟鐚</span><span class="bold">' + TG.children('.prg_channel').html() + '</span></div>' + | |
50 '<div class="prg_startTime" style="clear: left"><span class=" labelLeft">ユ鐚</span>' + MDA.Days.time4Disp(startTime) + ' 鐔 ' + MDA.Days.time4DispH(endTime) + '</div>' + | |
51 '<div class="prg_duration" style="clear: left"><span class=" labelLeft">牙紙鐚</span><span class="bold">' + parseInt(duration / 60) +'</span>' + ((duration % 60)>0?'<span class="bold">' + parseInt(duration % 60) + '</span>腱':'') + '</div>' + | |
52 '</div>'; | |
53 if ($(this).hasClass('prg_rec')) { | |
54 str += '<div style="margin:2em 0 1em 0;text-align:center;"><a href="javascript:PRG.cancel(' + prgID + ')" class="ui-state-default ui-corner-all ui-dialog-buttonpane button">篋膣c潟祉</a></div>'; | |
55 } else { | |
23
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
56 str += '<div style="margin:2em 0 1em 0;text-align:center;"><a href="javascript:PRG.rec(' + prgID + ')" class="ui-state-default ui-corner-all ui-dialog-buttonpane button">膂≧篋膣</a><a href="javascript:PRG.customform(' + prgID + ')" class="ui-state-default ui-corner-all ui-dialog-buttonpane button">篋膣鴻帥ゃ</a></div>'; |
1 | 57 } |
58 $('#floatBox4Dialog').html(str); | |
59 $('#floatBox4Dialog').dialog('open', 'center'); | |
60 }; | |
61 $('.prg').hover( | |
62 function(){ | |
63 $('#tv_chs .prg_hover').removeClass('prg_hover'); | |
64 if($(this).hasClass('prg_none')) return ; | |
65 $(this).addClass('prg_hover'); | |
66 var TG = $(this).children('.prg_dummy'); | |
67 var startTime = new Date(TG.children('.prg_start').html()); | |
68 var duration = parseInt(TG.children('.prg_duration').html()); | |
69 var endTime = new Date(startTime.getTime() + duration * 1000); | |
70 var str = '<div class="prg_title">' + TG.children('.prg_title').html() + '</div>' + | |
71 '<div class="prg_desc"><span class="prg_sub">' + TG.children('.prg_channel').html() + '鐚' + MDA.Days.time4Disp(startTime) + '鐔' + MDA.Days.time4DispH(endTime) + ' </span>' + TG.children('.prg_desc').html() + '</div>'; | |
72 $('#prg_info').html('<div class="prg_dummy">' + str + '</div>').show(); | |
73 $(this).click(aClick); | |
74 }, | |
75 function(){ | |
76 $(this).removeClass('prg_hover');$('#prg_info').hide(); | |
77 $(this).unbind('click',aClick); | |
78 } | |
79 ); | |
80 } | |
81 var PRG = { | |
122 | 82 chdialog:function(chash){ |
77 | 83 $('#channelDialog').dialog('close'); |
122 | 84 var skip = $('#ch_title_'+chash+' .ch_skip').html(); |
85 var st_name = $('#ch_title_'+chash+' .ch_name').html(); | |
86 var sid = $('#ch_title_'+chash+' .ch_sid').html(); | |
87 var disc = $('#ch_title_'+chash+' .ch_disc').html(); | |
77 | 88 |
122 | 89 var str = '<div class="prg_title">'; |
90 str += st_name; | |
91 str += '</div>'; | |
92 str += '<form method="post" action="setChannelInfo.php">'; | |
93 // 鴻 | |
94 str += '<div class="prg_channel"><span class="labelLeft">荀眼鐚</span>'; | |
95 if( skip == 1 ) { | |
96 str += '<input type="checkbox" name="n_skip_name" id="id_ch_skip" value="'+skip+'" checked />'; | |
97 } | |
98 else { | |
99 str += '<input type="checkbox" name="n_skip_name" id="id_ch_skip" value="'+skip+'" />'; | |
100 } | |
101 str += '</div>'; | |
102 // 泣若ID | |
103 str += '<div class="prg_channel"><span class="labelLeft">泣若ID鐚</span>'; | |
104 str += '<span><input type="text" name="n_sid" size="20" id="id_sid" value="'; | |
105 str += sid; | |
106 str += '" /></span></div>'; | |
107 | |
108 str += '<input type="hidden" name="n_channel_disc" id="id_disc" value="'; | |
109 str += disc; | |
110 str += '" />'; | |
111 str += '<input type="hidden" name="n_channel_hash" id="id_hash" value="'; | |
112 str += chash; | |
113 str += '" />'; | |
114 | |
115 | |
116 str += '</form>'; | |
117 | |
118 str += '<div style="margin:2em 0 1em 0;text-align:center;"><a href="javascript:PRG.chupdate()" class="ui-state-default ui-corner-all ui-dialog-buttonpane button">贋</a></div>'; | |
119 | |
120 $('#channelDialog').html(str); | |
121 $('#channelDialog').dialog('open', 'center'); | |
77 | 122 }, |
123 chupdate:function() { | |
124 var v_sid = $('#id_sid').val(); | |
125 var v_channel_disc = $('#id_disc').val(); | |
126 $.post('channelSetSID.php', { channel_disc: v_channel_disc, | |
127 sid: v_sid }, function(data) { | |
128 | |
129 $('#channelDialog').dialog('close'); | |
130 }); | |
131 }, | |
1 | 132 rec:function(id){ |
133 $.get(INISet.prgRecordURL, { program_id: id } ,function(data){ | |
134 if(data.match(/^error/i)){ | |
135 alert(data); | |
18
19cd7816b2c1
change: draw main program table too fast.
Sushi-k <epgrec@park.mda.or.jp>
parents:
1
diff
changeset
|
136 $('#floatBox4Dialog').dialog('close'); |
1 | 137 }else{ |
138 $('#prgID_' + id).addClass('prg_rec'); | |
139 $('#floatBox4Dialog').dialog('close'); | |
140 } | |
141 }); | |
142 }, | |
143 cancel:function(id){ | |
144 $.get(INISet.prgCancelURL, { program_id: id } ,function(data){ | |
145 if(data.match(/^error/i)){ | |
146 alert(data); | |
18
19cd7816b2c1
change: draw main program table too fast.
Sushi-k <epgrec@park.mda.or.jp>
parents:
1
diff
changeset
|
147 $('#floatBox4Dialog').dialog('close'); |
1 | 148 }else{ |
149 $('#prgID_' + id).removeClass('prg_rec'); | |
150 $('#floatBox4Dialog').dialog('close'); | |
151 } | |
152 }); | |
23
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
153 }, |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
154 customform:function(id) { |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
155 $('#floatBox4Dialog').dialog('close'); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
156 $.get('reservationform.php', { program_id: id }, function(data) { |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
157 if(data.match(/^error/i)){ |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
158 alert(data); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
159 } |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
160 else { |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
161 var str = data; |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
162 str += '<div style="margin:2em 0 1em 0;text-align:center;"><a href="javascript:PRG.customrec()" class="ui-state-default ui-corner-all ui-dialog-buttonpane button">篋膣</a></div>'; |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
163 $('#floatBox4Dialog').html(str); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
164 $('#floatBox4Dialog').dialog('open', 'center'); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
165 } |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
166 }); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
167 }, |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
168 customrec:function() { |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
169 var id_syear = $('#id_syear').val(); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
170 var id_smonth = $('#id_smonth').val(); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
171 var id_sday = $('#id_sday').val(); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
172 var id_shour = $('#id_shour').val(); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
173 var id_smin = $('#id_smin').val(); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
174 var id_eyear = $('#id_eyear').val(); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
175 var id_emonth = $('#id_emonth').val(); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
176 var id_eday = $('#id_eday').val(); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
177 var id_ehour = $('#id_ehour').val(); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
178 var id_emin = $('#id_emin').val(); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
179 var id_channel_id = $('#id_channel_id').val(); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
180 var id_record_mode = $('#id_record_mode').val(); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
181 var id_title = $('#id_title').val(); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
182 var id_description = $('#id_description').val(); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
183 var id_category_id = $('#id_category_id ').val(); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
184 var id_program_id = $('#id_program_id').val(); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
185 var with_program_id = $('#id_program_id').attr('checked'); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
186 |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
187 if( ! with_program_id ) id_program_id = 0; |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
188 |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
189 $.post('customReservation.php', { syear: id_syear, |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
190 smonth: id_smonth, |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
191 sday: id_sday, |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
192 shour: id_shour, |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
193 smin: id_smin, |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
194 eyear: id_eyear, |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
195 emonth: id_emonth, |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
196 eday: id_eday, |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
197 ehour: id_ehour, |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
198 emin: id_emin, |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
199 channel_id: id_channel_id, |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
200 record_mode: id_record_mode, |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
201 title: id_title, |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
202 description: id_description, |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
203 category_id: id_category_id, |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
204 program_id: id_program_id }, function(data) { |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
205 if(data.match(/^error/i)){ |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
206 $('#floatBox4Dialog').dialog('close'); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
207 alert(data); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
208 } |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
209 else { |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
210 var id = parseInt(data); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
211 if( id ) { |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
212 $('#prgID_' + id).addClass('prg_rec'); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
213 } |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
214 $('#floatBox4Dialog').dialog('close'); |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
215 } |
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
216 }); |
120 | 217 }, |
121
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
218 CH_Skip: 1, |
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
219 chSkipShow:function() { |
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
220 $('#float_titles').width(INISet.num_all_ch * INISet.ch_width + 80); |
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
221 $('#tv_chs').width(INISet.num_all_ch * INISet.ch_width ); |
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
222 $('#tvtimes2').css( { left: INISet.num_all_ch * INISet.ch_width + 40 } ).show(); |
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
223 tvtimes_scroll(); |
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
224 $('#ch_title_bar div.ch_title_skip').show(); |
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
225 $('#tv_chs div.ch_set_skip').show(); |
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
226 this.CH_Skip = 0; |
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
227 }, |
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
228 chSkipHide:function() { |
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
229 $('#ch_title_bar div.ch_title_skip').hide(); |
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
230 $('#tv_chs div.ch_set_skip').hide(); |
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
231 $('#float_titles').width( INISet.num_ch * INISet.ch_width + 80 ); |
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
232 $('#tv_chs').width( INISet.num_ch * INISet.ch_width ); |
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
233 $('#tvtimes2').css( { left: INISet.num_ch * INISet.ch_width + 40 }).show(); |
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
234 tvtimes_scroll(); |
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
235 this.CH_Skip = 1; |
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
236 }, |
120 | 237 toggle:function() { |
238 if( this.CH_Skip ) { | |
121
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
239 this.chSkipShow(); |
120 | 240 } |
241 else { | |
121
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
242 this.chSkipHide(); |
120 | 243 } |
1 | 244 } |
245 } | |
246 var CTG = { | |
247 CN:'ctg', | |
248 CV:'0.1', | |
249 defaultCk:[], | |
250 INI:function(){ | |
251 var Ck = this.CkGet()[1]; | |
252 if(Ck){ $.each(Ck.split(','), function(){CTG.select(this);})} | |
253 }, | |
254 select:function(ctg){ | |
255 if($('#category_select .ctg-hide.ctg_'+ctg).length){ | |
256 $('#tv_chs .ctg_'+ctg).removeClass('ctg-hide'); | |
257 $('#category_select a.ctg_'+ctg).removeClass('ctg-hide'); | |
258 } else { | |
259 $('#tv_chs .ctg_'+ctg).addClass('ctg-hide'); | |
260 $('#category_select a.ctg_'+ctg).addClass('ctg-hide'); | |
261 } | |
262 this.oCk(); | |
263 }, | |
264 toggle:function (){$('#category_select ul').toggle();}, | |
265 oCk:function(){ | |
266 var T=$('#category_select ul li a.ctg-hide'); | |
267 var X=[]; | |
268 $.each(T.get(), function(){ | |
269 $(this).attr('class').match(/ctg_([^ ]+)/); | |
270 var TMC=RegExp.$1; | |
271 X.push(TMC); | |
272 }); | |
273 this.CkSet([X.join(',')]); | |
274 }, | |
275 CkGet:function (){ | |
276 var Ck = MDA.Cookie.get(this.CN); | |
277 if(!Ck){return this.defaultCk}; | |
278 Ck=Ck.replace(/^([^;]+;)/,''); | |
279 return Ck.split('+'); | |
280 }, | |
281 CkSet:function(V){ | |
282 MDA.Cookie.set(this.CN,'ver='+this.CV+'+'+V.join('+')); | |
283 } | |
284 }; | |
285 var nowBar = { | |
286 defaultID:'tableNowBas', | |
287 startTime:null, | |
288 endTime:null, | |
289 INI:function(){ | |
290 if (INISet.tableStartTime && INISet.tableStartTime && INISet.dotMin) { | |
291 $('#tvtable').append('<div id="' + this.defaultID + '" style="display:none">now</div>'); | |
292 this.startTime = new Date(INISet.tableStartTime); | |
293 this.endTime = new Date(INISet.tableEndTime); | |
294 $('#' + this.defaultID).width($('#float_titles').width()); | |
295 this.ch(); | |
296 } | |
297 }, | |
298 ch:function(){ | |
299 var now = new Date(); | |
300 if(this.startTime){ | |
301 if((now >= this.startTime) && (this.endTime >= now)){ | |
302 // console.log((now - this.startTime) / 60000); | |
303 $('#' + this.defaultID).css({top:(now - this.startTime) / 60000 * INISet.dotMin}).show() | |
304 } else { | |
305 $('#' + this.defaultID).hide() | |
306 } | |
307 } | |
308 } | |
309 } | |
310 | |
311 MDA.SCR = { | |
312 CN:'scr', | |
313 CV:'0.1', | |
314 defaultCk:{md:'',x:0,y:0}, | |
315 jqSel:[{sel:'#jump-time a.jump',md:'x'},{sel:'#jump-day a.jump',md:'xy'},{sel:'#jump-day a.jump-today',md:'x'},{sel:'#jump-broadcast a.jump',md:'y'}], | |
316 INI:function(){ | |
317 // this.defaultCk.y = $('#float_titles').position().top; | |
318 $.each(this.jqSel, function(){ | |
319 var md = this.md; | |
320 $(this.sel).click(function(){MDA.SCR.oCk(md)}) | |
321 }); | |
322 var Ck = this.CkGet(); | |
323 // console.log(Ck); | |
324 var x = (Ck.md.indexOf('x')>-1)?Ck.x:this.defaultCk.x; | |
325 var y = (Ck.md.indexOf('y')>-1)?Ck.y:this.defaultCk.y; | |
326 if (Ck.md) { | |
327 window.scrollBy(x, y); | |
328 } | |
329 this.CkClear(); | |
330 }, | |
331 channel:{ | |
332 save:function(){}, | |
333 load:function(){} | |
334 }, | |
335 time: { | |
336 }, | |
337 oCk:function(xy){ | |
338 this.CkSet(['md=' + ((!xy)?'xy':xy), | |
339 'x=' + $(document ).scrollLeft(), | |
340 'y=' + $(document ).scrollTop()]); | |
341 }, | |
342 CkGet:function (){ | |
343 var Ck = MDA.Cookie.get(this.CN); | |
344 if(!Ck){return this.defaultCk}; | |
345 Ck=Ck.replace(/^([^;]+;)/,'').split('+'); | |
346 var ret = {}; | |
347 $.each(Ck, function(){ | |
348 var str = this.split('=', 2); | |
349 ret[str[0]] = str[1]; | |
350 }) | |
351 return ret; | |
352 }, | |
353 CkSet:function(V){ | |
354 MDA.Cookie.set(this.CN,'ver='+this.CV+'+'+V.join('+')); | |
355 }, | |
356 CkClear:function(){ | |
357 MDA.Cookie.del(this.CN); | |
358 } | |
359 }; | |
360 | |
361 $(document).ready(function () { | |
362 MDA.Cookie.CookieName = 'tvProgmas_'; | |
363 CTG.toggle(); | |
364 tvtimes_scroll(); | |
365 prg_hover(); | |
366 var DG = $('#floatBox4Dialog'); | |
23
f3bf1be1a51b
Change: using ajax in custom reservation method
yoneda <yoneda@recorder.localnet.mda.or.jp>
parents:
18
diff
changeset
|
367 DG.dialog({title:'牙私膣',width:600}); |
1 | 368 DG.dialog('close'); |
77 | 369 |
370 var DG2 = $('#channelDialog'); | |
371 DG2.dialog({title:'c潟',width:600}); | |
372 DG2.dialog('close'); | |
373 | |
121
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
374 // PRG.toggle(); |
120 | 375 |
1 | 376 nowBar.INI(); |
377 CTG.INI(); | |
378 MDA.SCR.INI(); // 腟茵篏臀篆絖 | |
379 }); | |
380 | |
381 | |
382 </script> | |
383 | |
384 <style type="text/css"> | |
385 <!-- | |
386 body {padding:0;margin:0;font-size:10pt;} | |
387 a {text-decoration:none;} | |
388 | |
389 .bold {font-weight:bold;} | |
390 .small {font-size:75%;} | |
391 | |
392 h2 {padding: 4px} | |
393 | |
394 #float_titles {position:absolute;background-image: url(imgs/trancBG50.png);} | |
395 | |
396 #float_titles div.set.ctg_sel {background-color:#BBB;color:#3CF} | |
397 #float_titles .ctg_sel a{color:#111;} | |
398 | |
399 #float_titles div.set {float:left;background-color:#444;padding:4px;margin:4px;} | |
400 #float_titles span.title {float:left;color:#ACF;} | |
401 #float_titles ul {float:left;padding:0;margin:0;} | |
402 #float_titles ul li {float:left;list-style:none;margin:0 0 0 4px;} | |
403 #float_titles li a{padding:1px 4px;background-color:#555;color:#FFF;} | |
404 #float_titles li.selected a{background-color:#48B;} | |
405 #float_titles li a:hover{background-color:#28D;} | |
406 | |
407 #float_titles, #tvtable {} | |
408 #tvtable {line-height:1.2em;width:100%;position:relative;} | |
409 #tvtimes,#tvtimes2 {position:absolute; background-image: url(imgs/trancBG70.png);} | |
410 #tvtimes,#tvtimes2, .tvtimeDM {width:40px;} | |
411 #tv_chs {padding-left:40px;padding-right:40px;} | |
412 .tvtime { | |
34 | 413 height:{/literal}{$height_per_hour}{literal}px; |
1 | 414 color:#EEE; |
415 text-align:center; | |
416 font-weight:bold; | |
417 font-size:120%; | |
418 background-image: url(imgs/dot2.gif); | |
419 background-repeat: repeat-x; | |
420 background-position: left bottom; | |
421 } | |
422 #tvtable div.tvtimetop {padding:8px 0px;} | |
34 | 423 |
424 #tvtable div.ch_set {width:{/literal}{$ch_set_width}{literal}px;float:left;background-color:#BBB;} | |
121
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
425 .ch_set_skip { display: none; } |
34 | 426 |
427 | |
1 | 428 #tvtable div.ch_title, #tvtable div.prg {margin-right:2px;} |
429 #tvtable div.ch_title {padding:8px 0px;background-color:#333;color:#DDD;font-weight:bold;text-align:center} | |
121
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
430 .ch_title_skip {display: none;} |
120 | 431 |
122 | 432 .ch_disc {display :none;} |
433 .ch_skip {display :none;} | |
434 .ch_sid {display :none;} | |
435 .ch_name {display :none;} | |
436 .ch_hash {display :none;} | |
437 | |
1 | 438 #tvtable div.prg { |
439 overflow:hidden; | |
440 color:#444; | |
441 background-image: url(imgs/dot2.gif); | |
442 background-image: url(imgs/prg_bg2.png); | |
443 background-repeat: repeat-x; | |
444 background-position: left bottom; | |
445 -moz-border-radius: 0.6em 0.6em 0.3em 0.3em; | |
446 -webkit-border-radius: 0.6em; | |
447 -webkit-border-bottom-right-radius: 0.3em; | |
448 -webkit-border-bottom-left-radius: 0.3em; | |
449 } | |
450 #tvtable div.prg_none {background-color:#eee;} | |
451 #tvtable div.prg_dummy {margin:3px 6px;} | |
452 #tvtable div.prg_title {color:#111;font-weight:bold;} | |
453 #tvtable div.prg_subtitle {font-size:80%;} | |
454 #tvtable div.prg_desc {font-size:80%;} | |
455 | |
456 #tvtable div.prg_start,#tvtable div.prg_duration,#tvtable div.prg_channel ,#tvtable div.prg_id {display: none;} | |
457 | |
458 #tvtable div.ctg_news, #category_select a.ctg_news {background-color: #FFFFD8;} | |
459 #tvtable div.ctg_etc, #category_select a.ctg_etc {background-color: #FFFFFF;} | |
460 #tvtable div.ctg_information, #category_select a.ctg_information {background-color: #F2D8FF;} | |
461 #tvtable div.ctg_sports, #category_select a.ctg_sports {background-color: #D8FFFF;} | |
462 #tvtable div.ctg_cinema, #category_select a.ctg_cinema {background-color: #FFD8D8;} | |
463 #tvtable div.ctg_music, #category_select a.ctg_music {background-color: #D8D8FF;} | |
464 #tvtable div.ctg_drama, #category_select a.ctg_drama {background-color: #D8FFD8;} | |
465 #tvtable div.ctg_anime, #category_select a.ctg_anime {background-color: #FFE4C8;} | |
466 #tvtable div.ctg_variety, #category_select a.ctg_variety {background-color: #FFD2EB;} | |
467 #tvtable div.ctg_10, #category_select a.ctg_10 {background-color: #E4F4F4;} | |
468 #tvtable div.ctg-hide, #category_select a.ctg-hide {background-color: #F8F8F8;color:#888;} | |
469 #tvtable div.ctg-hide .prg_title, #category_select a.ctg-hide .prg_title{color:#666;} | |
470 #tvtable div.prg_rec {background-color: #F55;color:#FEE} | |
471 #tvtable div.prg_rec .prg_title,#tvtable div.prg_hover .prg_title {color:white;} | |
472 #tvtable div.prg_hover {background-color: #28D;color:#EFF} | |
473 | |
474 #float_titles { z-index:100} | |
34 | 475 #float_titles div.ch_title {width:{/literal}{$ch_set_width}{literal}px;float:left;color:#FFF;font-weight:bold;text-align:center} |
1 | 476 #float_titles div.ch_title div{padding:8px 0px;margin:0 6px 0 4px;background-image: url(imgs/trancBG50.png);} |
477 | |
120 | 478 |
1 | 479 #float_follows {position:absolute;} |
480 #prg_info { | |
481 display:none; | |
482 position:absolute; | |
483 top:0;left:0; | |
484 width:100%; | |
485 background-color:#246; | |
486 color:#BDF; | |
487 height:80px; | |
488 } | |
489 #prg_info div.prg_dummy{margin:4px 20px;} | |
490 #prg_info div.prg_title {font-weight:bold;font-size:120%;color:#FFF;} | |
491 #prg_info span.prg_sub {color:#FFF;} | |
492 | |
493 #tableNowBas {position:absolute;background:red;width:100%;top:190px;height:2px;overflow:hidden;} | |
494 | |
495 | |
496 #floatBox4Dialog .prg_title{font-size:120%;font-weight:bold;padding:0.4em 0;text-align:center;} | |
497 #floatBox4Dialog .prg_rec_cfg{background:#EEE;padding:1em 2em;margin:0.4em 0;} | |
498 #floatBox4Dialog .labelLeft {width:8em;float:left;text-align:right;} | |
499 #floatBox4Dialog .button {padding:0.4em 1em;} | |
77 | 500 |
501 #channelDialog .prg_title{font-size:120%;font-weight:bold;padding:0.4em 0;text-align:center;} | |
502 #channelDialog .prg_rec_cfg{background:#EEE;padding:1em 2em;margin:0.4em 0;} | |
503 #channelDialog .labelLeft {width:8em;float:left;text-align:right;} | |
504 #channelDialog .button {padding:0.4em 1em;} | |
505 | |
1 | 506 --> |
507 </style> | |
508 | |
509 | |
510 {/literal} | |
511 | |
512 | |
513 </head> | |
514 | |
515 <body> | |
516 | |
517 <h2>{$sitetitle}</h2> | |
518 | |
519 | |
120 | 520 <div id="float_titles" style="width: {math equation="x + 80" x=$chs_width }px;height:120px;"> |
1 | 521 <div id="float_follows"> |
522 | |
41 | 523 <div class="set"> |
524 <ul> | |
525 <li><a href="envSetting.php">医荐絎</a></li> | |
526 </ul> | |
527 </div> | |
528 | |
1 | 529 <div class="set ctg_sel" id="category_select"> |
530 <span class="title"><a href="javascript:CTG.toggle()">綣決粋;腓</a></span> | |
531 | |
532 <ul> | |
533 {foreach from=$cats item=cat} | |
534 <li><a href="javascript:CTG.select('{$cat.name_en}');" class="ctg_{$cat.name_en}">{$cat.name_jp}</a></li> | |
535 {/foreach} | |
536 </ul> | |
537 </div> | |
538 | |
539 <div id="time_selects"> | |
540 <div class="set" id="jump-broadcast" > | |
541 <span class="title">冗羈∫御</span> | |
542 <ul> | |
543 {foreach from=$types item=type } | |
544 <li {$type.selected}><a class="jump" href="{$type.link}">{$type.name}</a></li> | |
545 {/foreach} | |
546 </ul><br style="clear:left;" /> | |
547 </div> | |
548 | |
549 <div class="set" id="jump-time"> | |
550 <span class="title"></span> | |
551 <ul> | |
552 {foreach from=$toptimes item=top} | |
553 <li><a class="jump" href="{$top.link}">{$top.hour}鐔</a></li> | |
554 {/foreach} | |
555 </ul><br style="clear:left;" /> | |
556 </div> | |
120 | 557 |
558 <div class="set"> | |
559 <ul><li><a class="jump" href="javascript:PRG.toggle()">c潟茵腓</a></li></ul> | |
560 </div> | |
561 | |
1 | 562 <br style="clear:left;" /> |
563 | |
564 <div class="set"> | |
565 <ul> | |
566 <li><a href="programTable.php">腟罎膣</a></li> | |
567 <li><a href="reservationTable.php">牙私膣筝荀</a></li> | |
568 <li><a href="recordedTable.php">牙紙筝荀</a></li> | |
569 </ul> | |
570 </div> | |
571 | |
572 <div class="set" id="jump-day" > | |
573 <span class="title">ヤ</span> | |
574 <ul> | |
575 {foreach from=$days item=day} | |
576 <li {$day.selected}><a {if $day.d eq "憜" } class="jump-today" {else} class="jump" {/if} href="{$day.link}">{$day.d}{$day.ofweek}</a></li> | |
577 {/foreach} | |
578 </ul><br style="clear:left;" /> | |
579 </div> | |
580 | |
581 | |
582 </div> | |
583 <br style="clear:left;" /> | |
584 <div id="prg_info"><div class="dummy">test</div></div> | |
585 </div> | |
586 | |
120 | 587 |
588 <!-- c潟絮 --> | |
589 <div id="ch_title_bar" style="position:absolute;bottom:0;"> | |
1 | 590 <div class="tvtimeDM" style="float:left;"> </div> |
591 {foreach from=$programs item=program } | |
122 | 592 <div id="ch_title_{$program.ch_hash}" class="ch_title{if $program.skip == 1 } ch_title_skip{/if}" > |
593 <div class="ch_hash">{$program.ch_hash}</div> | |
594 <div class="ch_disc">{$program.channel_disc}</div> | |
595 <div class="ch_skip">{$program.skip}</div> | |
596 <div class="ch_sid">{$program.sid}</div> | |
597 <div class="ch_name">{$program.station_name}</div> | |
598 <div style="cursor: pointer" onClick="javascript:PRG.chdialog('{$program.ch_hash}')" >{$program.station_name}</div> | |
120 | 599 </div> |
1 | 600 {/foreach} |
601 </div> | |
120 | 602 |
1 | 603 <br style="clear:left;" /> |
604 <div id="prg_info"><div class="dummy"> </div></div> | |
605 </div> | |
606 | |
607 <div id="float_titles_dummy" style="width:1410px;height:120px;"> </div> | |
608 | |
609 | |
610 <div id="tvtable"> | |
611 | |
612 <div id="tvtimes"> | |
613 {foreach from=$tvtimes item=time} | |
614 <div class="tvtime">{$time}</div> | |
615 {/foreach} | |
616 </div> | |
617 | |
618 <div id="tv_chs" style="width: {$chs_width}px" > | |
619 {foreach from=$programs item=program } | |
122 | 620 <div id="tv_chs_{$program.ch_hash}" class="ch_set{if $program.skip == 1 } ch_set_skip{/if}" > |
121
ea54c3128da3
mod: チャンネルスキップ実装中(番組表の表示方法を変更した)
Sushi-k <epgrec@park.mda.or.jp>
parents:
120
diff
changeset
|
621 <div class="ch_programs" > |
1 | 622 {foreach from=$program.list item=item } |
623 <div {if $item.id}id="prgID_{$item.id}"{/if} class="prg {if ! $item.id}prg_none {/if} ctg_{$item.category_name}{if $item.rec gt 0 } prg_rec{/if}" style="height:{$item.height}px;"> | |
624 <div class="prg_dummy"> | |
625 <div class="prg_title">{$item.title|escape}</div> | |
626 <div class="prg_subtitle">{$item.starttime}</div> | |
627 <div class="prg_desc">{$item.description|escape}</div> | |
628 <div class="prg_channel">{$item.channel}</div> | |
629 <div class="prg_start">{$item.prg_start}</div> | |
630 <div class="prg_duration">{$item.duration}</div> | |
631 <div class="prg_id">{$item.id}</div> | |
632 </div> | |
633 </div> | |
634 {/foreach} | |
635 </div> | |
636 </div> | |
637 {/foreach} | |
638 </div> | |
639 | |
640 <div id="tvtimes2" style="top : 0px; left: {math equation="x + 40" x=$chs_width}px" > | |
641 {foreach from=$tvtimes item=time} | |
642 <div class="tvtime">{$time}</div> | |
643 {/foreach} | |
644 </div> | |
645 </div> | |
646 | |
647 | |
648 | |
649 <div id="floatBox4Dialog">jQuery UI Dialog</div> | |
77 | 650 <div id="channelDialog">jQuery UI Dialog</div> |
1 | 651 |
652 {literal} | |
653 <script type="text/javascript"> | |
654 var INISet = { | |
120 | 655 {/literal} |
1 | 656 prgRecordURL : 'simpleReservation.php', // 膂≧篋膣 |
657 prgRecordPlusURL : 'recordp.php', // 荅括完篋膣 | |
658 prgCancelURL : 'cancelReservation.php', // 篋膣c潟祉 | |
120 | 659 dotMin : {$height_per_min}, |
660 tableStartTime : '{$top_time}', | |
661 tableEndTime : '{$last_time}', | |
662 ch_width : {$ch_set_width}, | |
663 num_ch : {$num_ch}, | |
664 num_all_ch : {$num_all_ch} | |
665 {literal} | |
1 | 666 } |
667 </script> | |
668 {/literal} | |
669 </body> | |
670 </html> |