最近、WEB から番組をチェックするようになったので、専用のボタンを作成しました。 地域は、大阪が 40 ですが、他は以下のようになります
<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デザイナーが作った超シンプル素材集![]()
タグ:ブログツール javascript