『Yahoo!大阪24H番組』ボタン

2012/4/30 : 24〜3 の間がうまく行ってなかったのを修正しました

最近、WEB から番組をチェックするようになったので、専用のボタンを作成しました。
地域は、大阪が 40 ですが、他は以下のようになります

value="10">北海道（札幌） value="11">北海道（函館） value="12">北海道（旭川） value="13">北海道（帯広） value="14">北海道（釧路） value="15">北海道（北見） value="16">北海道（室蘭） value="22">青森 value="20">岩手 value="18">秋田 value="19">山形 value="17">宮城 value="21">福島 value="28">栃木 value="25">群馬 value="26">茨城 value="23">東京 value="24">神奈川 value="29">埼玉 value="27">千葉 value="32">山梨 value="31">新潟 value="30">長野 value="34">石川 value="37">富山 value="36">福井 value="35">静岡 value="33">愛知 value="39">岐阜 value="38">三重 value="43">和歌山 value="44">奈良 value="45">滋賀 value="41">京都 value="40">大阪 value="42">兵庫 value="53">徳島 value="51">愛媛 value="54">高知 value="52">香川 value="47">岡山 value="46">広島 value="49">鳥取 value="48">島根 value="50">山口 value="55">福岡 value="61">佐賀 value="56">熊本 value="57">長崎 value="60">大分 value="59">宮崎 value="58">鹿児島 value="62">沖縄

<input
	type="button"
	value="Yahoo!大阪24H番組"
	onclick="
(function(){
	var url = 'http://tv.yahoo.co.jp/listings/?&type=normal&a=40&t=TV&s=1&vb=1&vc=0&vd=0&ve=1&va=24';
	var d = new Date();
	var yyyy = d.getFullYear();
	var mm = (d.getMonth()+1);
	var len1 = ('00'+mm).length;
	mm = ('00'+mm).substr(len1-2,2);
	var dd = d.getDate();
	var len2 = ('00'+dd).length;
	dd = ('00'+dd).substr(len2-2,2);
	var hh = d.getHours() - 2;
	if ( hh <= 1 ) {
		hh = hh + 24;
		dd = d.getDate()-1;
		len2 = ('00'+dd).length;
		dd = ('00'+dd).substr(len2-2,2);
	}
	url += '&d=' + yyyy+mm+dd;
	url += '&st=' + hh;
	window.open(url);
})();
	"
/>

この下はさらに、ボタン画像を使ったものです。

<style type="text/css">
.bt {
	border: 0px;
	width: 180px;
	height: 30px;
	text-align: left;
	padding-left: 32px;
	font-size:13px; 
	font-weight: bold;
	cursor: pointer;
	background-color: #fff;
	margin: 4px 4px 4px 4px;
}
</style>
<input
	class="bt"
	type="button"
	value="Yahoo!東京24H番組"
 	style='background-image: url(https://lh6.googleusercontent.com/-dZnazzvnzCw/T5FN4nTSUrI/AAAAAAAAFnQ/JMTzwUr7CDk/s180/btn049_06.png);'
	onclick="
(function(){
	var url = 'http://tv.yahoo.co.jp/listings/?&type=normal&a=23&t=TV&s=1&vb=1&vc=0&vd=0&ve=1&va=24';
	var d = new Date();
	var yyyy = d.getFullYear();
	var mm = (d.getMonth()+1);
	var len1 = ('00'+mm).length;
	mm = ('00'+mm).substr(len1-2,2);
	var dd = d.getDate();
	var len2 = ('00'+dd).length;
	dd = ('00'+dd).substr(len2-2,2);
	var hh = d.getHours() - 2;
	if ( hh <= 1 ) {
		hh = hh + 24;
		dd = d.getDate()-1;
		len2 = ('00'+dd).length;
		dd = ('00'+dd).substr(len2-2,2);
	}
	url += '&d=' + yyyy+mm+dd;
	url += '&st=' + hh;
	window.open(url);
})();
	"
/>

▼ボタン画像
WEBデザイナーが作った超シンプル素材集