epgrec.yaz: templates/index.html comparison

comparison templates/index.html @ 120:cb04c9ca1cb0

add: ¥Á¥ã¥ó¥Í¥ë¥¹¥¥Ã¥×¤ÎÄÉ²ÃÅÓÃæ¡Ê²þÂ¤Ãæ¡Ë

author	yoneda <epgrec@park.mda.or.jp>
date	Sun, 14 Mar 2010 23:49:11 +0900
parents	cb7da56c4198
children	ea54c3128da3

comparison

equal deleted inserted replaced

-:f268d7d10590
+:cb04c9ca1cb0
 						$('#prgID_' + id).addClass('prg_rec');
 					}
 					$('#floatBox4Dialog').dialog('close');
 				}
 			});
+		},
+		CH_Skip: 0,
+		toggle:function() {
+			if( this.CH_Skip ) {
+				$('#float_titles').width(INISet.num_all_ch * INISet.ch_width + 80);
+				$('#tv_chs').width(INISet.num_all_ch * INISet.ch_width );
+				$('#tvtimes2').css( { left: INISet.num_all_ch * INISet.ch_width  + 40 } ).show();
+				tvtimes_scroll();
+				$('#ch_title_bar div.ch_title_skip').show();
+				$('#tv_chs div.ch_set_skip').show();
+				this.CH_Skip = 0;
+			}
+			else {
+				$('#tv_chs div.ch_set_skip').hide();
+				$('#ch_title_bar div.ch_title_skip').hide();
+				$('#float_titles').width( INISet.num_ch * INISet.ch_width + 80 );
+				$('#tv_chs').width( INISet.num_ch * INISet.ch_width );
+				$('#tvtimes2').css( { left: INISet.num_ch * INISet.ch_width  + 40 }).show();
+				tvtimes_scroll();
+				this.CH_Skip = 1;
+			}
 		}
 	}
 	var CTG = {
 		CN:'ctg',
 		CV:'0.1',
 		DG.dialog('close');
 		var DG2 = $('#channelDialog');
 		DG2.dialog({title:'ãƒãƒ£ãƒ³ãƒãƒ«æƒ…å ±',width:600});
 		DG2.dialog('close');
+		PRG.toggle();
 		nowBar.INI();
 		CTG.INI();
 		MDA.SCR.INI();	// ç•ªçµ„è¡¨ã®ä½ç½®ä¿å˜
 	});
 	background-position: left bottom;
 }
 #tvtable div.tvtimetop {padding:8px 0px;}
 #tvtable div.ch_set {width:{/literal}{$ch_set_width}{literal}px;float:left;background-color:#BBB;}
+#tvtable div.ch_set_skip {width:{/literal}{$ch_set_width}{literal}px;float:left;background-color:#BBB; }
 #tvtable div.ch_title, #tvtable div.prg {margin-right:2px;}
 #tvtable div.ch_title {padding:8px 0px;background-color:#333;color:#DDD;font-weight:bold;text-align:center}
+#tvtable div.ch_title_skip, #tvtable div.prg {margin-right:2px;}
+#tvtable div.ch_title_skip {padding:8px 0px;background-color:#333;color:#DDD;font-weight:bold;text-align:center; }
 #tvtable div.prg {
 	overflow:hidden;
 	color:#444;
 	background-image: url(imgs/dot2.gif);
 	background-image: url(imgs/prg_bg2.png);
 #float_titles { z-index:100}
 #float_titles div.ch_title {width:{/literal}{$ch_set_width}{literal}px;float:left;color:#FFF;font-weight:bold;text-align:center}
 #float_titles div.ch_title div{padding:8px 0px;margin:0 6px 0 4px;background-image: url(imgs/trancBG50.png);}
+#float_titles div.ch_title_skip {width:{/literal}{$ch_set_width}{literal}px;float:left;color:#FFF;font-weight:bold;text-align:center; }
+#float_titles div.ch_title_skip div{padding:8px 0px;margin:0 6px 0 4px;background-image: url(imgs/trancBG50.png); }
 #float_follows {position:absolute;}
 #prg_info {
 	display:none;
 	position:absolute;
 	top:0;left:0;
 <body>
 <h2>{$sitetitle}</h2>
-<div id="float_titles" style="width: {math equation="x + 80" x=$chs_width}px;height:120px;">
+<div id="float_titles" style="width: {math equation="x + 80" x=$chs_width }px;height:120px;">
 <div id="float_follows">
 <div class="set">
 <ul>
 <li><a href="envSetting.php">ç’°å¢ƒè¨å®š</a></li>
 {foreach from=$toptimes item=top}
 <li><a class="jump" href="{$top.link}">{$top.hour}ï½ž</a></li>
 {/foreach}
 </ul><br style="clear:left;" />
 </div>
+<div class="set">
+<ul><li><a class="jump" href="javascript:PRG.toggle()">ãƒãƒ£ãƒ³ãƒãƒ«è¡¨ç¤º</a></li></ul>
+</div>
 <br style="clear:left;" />
 <div class="set">
 <ul>
 <li><a href="programTable.php">ç•ªçµ„æ¤œç´¢</a></li>
 </div>
 <br style="clear:left;" />
 <div id="prg_info"><div class="dummy">test</div></div>
 </div>
-<div style="position:absolute;bottom:0;">
+<!-- ãƒãƒ£ãƒ³ãƒãƒ«å±€å -->
+<div id="ch_title_bar" style="position:absolute;bottom:0;">
 <div class="tvtimeDM" style="float:left;">&nbsp;</div>
 {foreach from=$programs item=program }
-<div class="ch_title" ><div style="cursor: pointer" onClick="javascript:PRG.chdialog('{$program.channel_disc}')" >{$program.station_name}</div></div>
+<div {if $program.skip == 1 } class="ch_title_skip" {else} class="ch_title" {/if} >
+<div {if $program.skip == 1 } class="ch_title_skip" {/if} style="cursor: pointer" onClick="javascript:PRG.chdialog('{$program.channel_disc}')" >{$program.station_name}</div>
+</div>
 {/foreach}
 </div>
 <br style="clear:left;" />
 <div id="prg_info"><div class="dummy">&nbsp;</div></div>
 </div>
 <div id="float_titles_dummy" style="width:1410px;height:120px;">&nbsp;</div>
 {/foreach}
 </div>
 <div id="tv_chs" style="width: {$chs_width}px" >
 {foreach from=$programs item=program }
-<div class="ch_set" style="width: {$ch_set_width}px" >
+<div {if $program.skip == 1 } class="ch_set_skip" {else} class="ch_set" {/if} style="width: {$ch_set_width}px" >
 <div class="ch_programs">
 {foreach from=$program.list item=item }
 <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;">
 <div class="prg_dummy">
 <div class="prg_title">{$item.title|escape}</div>
 <div id="channelDialog">jQuery UI Dialog</div>
 {literal}
 <script type="text/javascript">
 var INISet = {
+{/literal}
 	prgRecordURL : 'simpleReservation.php',		// ç°¡æ˜“äºˆç´„
 	prgRecordPlusURL : 'recordp.php',		// è©³ç´°äºˆç´„
 	prgCancelURL : 'cancelReservation.php',		// äºˆç´„ã‚ãƒ£ãƒ³ã‚»ãƒ«
-	dotMin : {/literal}{$height_per_min}{literal},
+	dotMin : {$height_per_min},
-	tableStartTime : {/literal}'{$top_time}',
+	tableStartTime : '{$top_time}',
-	tableEndTime : '{$last_time}'{literal}
+	tableEndTime : '{$last_time}',
+	ch_width : {$ch_set_width},
+	num_ch : {$num_ch},
+	num_all_ch : {$num_all_ch}
+{literal}
 }
 </script>
 {/literal}
 </body>
 </html>

Mercurial > epgrec.yaz

comparison templates/index.html @ 120:cb04c9ca1cb0