解決済みの質問
コイン300枚!! はてなダイアリーのフッタに貼る外部リンクの内容を日替わりで変...
コイン300枚!! はてなダイアリーのフッタに貼る外部リンクの内容を日替わりで変えるにはどうすればいいでしょうか?
本文中にリンク貼ったり(<a href="url" target="_blank">url</a>文章</a>……)、
フッタにリンクを貼る(<div class="hatena-moduletitle"><a href="url" target="_blank">url</div>……)事は出来るのですが、
フッタに貼るリンクの内容を日替わりで変える方法がどうしても分からなくて本当に困っています。
ググってもそれらしき該当サイトが一向に見つかりません。
助けてください。
- 補足
- 折角回答頂いたのにすみません。
パソコン超ド素人なのでjavascript全く分かりません。
下記の文字列にurlと日付数字当てはめればいいだけなんでしょうか。
-
- 質問日時:
- 2010/7/6 12:31:06
-
- 解決日時:
- 2010/7/6 22:34:48
-
- 回答数:
- 1
-
- 閲覧数:
- 20
-
- ソーシャルブックマークへ投稿:
- Yahoo!ブックマークへ投稿
- はてなブックマークへ投稿
- (ソーシャルブックマークとは)
ベストアンサーに選ばれた回答
そのままお使いになるのであれば、
urlsの
'http://www.google.co.jp/',
'http://www.yahoo.co.jp/',
'http://www.msn.co.jp/',
'http://www.infoseek.co.jp/',
'http://www.nifty.com/',
'http://www.goo.ne.jp/'
この中身を書き換えて増やしていけば、
個数に関係なくうまくいくはずです。
ただし最後の1個だけは末尾のコロン「,」が無いのでご注意を。
それをフッタの中の、表示させたい場所(HTML)に置けばOKです。
フッタがどうなっているのかわからなかったので、
たとえば、という意味で<div id="footer"></div>というものの中に置きました。
あと、日付は今日の日付をvar now = new Date();で取得しているので、
今日が何日か気にしなくて大丈夫です。
※つまり書き換えるのはurlsの中身と<div id="footer"></div>のところ、ですね。
それでもわからなければフッタ部分のHTMLソースを添えて
何度でも再質問なさってください。
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
JavaScriptであればできると思いますがいかがですか。
1月1日からの経過日数によって日替わりにしています。
<html>
<head>
<title>sample</title>
</head>
<body>
<div id="footer">
<script type="text/javascript">
<!--
var now = new Date();
var year = now.getFullYear();
var start = new Date(year,0,1);//今年の1月1日00:00:00
var count = ( now.getTime() - start.getTime() ) /( 24*60*60*1000 );
count = Math.ceil( count );//元日からの経過日数
var urls = [
'http://www.google.co.jp/',
'http://www.yahoo.co.jp/',
'http://www.msn.co.jp/',
'http://www.infoseek.co.jp/',
'http://www.nifty.com/',
'http://www.goo.ne.jp/'
];
count--;
//経過日数をリンク数で割った余り。この場合0~5になるので日替わりになる。
var todayUrl = urls[ count % urls.length ];
var str = '<div class="hatena-moduletitle"><a href = "' + todayUrl +'" target="_blank" title = "' + todayUrl +'">' + todayUrl +'<\/a><\/div>';
document.write(str);
//-->
</script>
<!-- スクリプト無効環境にはとりあえず適当なリンク先を -->
<noscript><div class="hatena-moduletitle"><a href="http://www.google.co.jp/" target="_blank">http://www.google.co.jp/</a></div></noscript>
</div>
</body>
</html>
- 違反報告
- 編集日時:2010/7/6 17:37:41
- 回答日時:2010/7/6 14:55:30
- この質問・回答は役に立ちましたか?
- 役に立った!
お役立ち度:1人が役に立つと評価しています。
質問した人からのコメント
言われた通りに下記の文字列にはてなのフッタに投稿してみたんですけど、
ご指定のhtmlタグは許可されていません。詳しくははてなダイアリーで使えるブログパーツをご覧ください>
<ご指定のheadタグは許可されていません~等と表記されてしまいました。
追記も出来ず解決も出来なかったので締め切ってとりあえずまた質問し直してみます。
またお世話になってしまうかもしれませんが…。