ここから本文です

解決済みの質問

知恵コレに追加する

コイン300枚!! はてなダイアリーのフッタに貼る外部リンクの内容を日替わりで変...

blue_dog_0cy58613325541nさん

コイン300枚!! はてなダイアリーのフッタに貼る外部リンクの内容を日替わりで変えるにはどうすればいいでしょうか?

本文中にリンク貼ったり(<a href="url" target="_blank">url</a>文章</a>……)、
フッタにリンクを貼る(<div class="hatena-moduletitle"><a href="url" target="_blank">url</div>……)事は出来るのですが、
フッタに貼るリンクの内容を日替わりで変える方法がどうしても分からなくて本当に困っています。
ググってもそれらしき該当サイトが一向に見つかりません。
助けてください。

補足
折角回答頂いたのにすみません。
パソコン超ド素人なのでjavascript全く分かりません。
下記の文字列にurlと日付数字当てはめればいいだけなんでしょうか。

違反報告

ベストアンサーに選ばれた回答

araki1615さん

そのままお使いになるのであれば、
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

質問した人からのコメント

  • 降参回答何度もありがとうございます…。
    言われた通りに下記の文字列にはてなのフッタに投稿してみたんですけど、
    ご指定のhtmlタグは許可されていません。詳しくははてなダイアリーで使えるブログパーツをご覧ください>
    <ご指定のheadタグは許可されていません~等と表記されてしまいました。
    追記も出来ず解決も出来なかったので締め切ってとりあえずまた質問し直してみます。
    またお世話になってしまうかもしれませんが…。
  • コメント日時:2010/7/6 22:34:48

グレード

この質問・回答は役に立ちましたか?
役に立った!

お役立ち度:お役立ち度 1点(5点満点中)1人が役に立つと評価しています。

PR

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。

お客様自身の責任と判断で、ご利用ください。

ただいまの回答者

09時13分現在

2107
人が回答!!

1時間以内に3,961件の回答が寄せられています。