2012年10月04日

ブログパーツをランダム表示

タグ:javascript
ブログパーツ(タグ)をランダム又は曜日別に表示できるようにするタグ作成。

ローテーション・バナーMaker 〜無料ランダムバナー生成
http://banner-rotation.net/
上記ページのHTMLタグ登録を利用すれば、簡単だしタグも短くて済むが、ローテーション・バナーMakerの表示がつくのと、サービス自体が終了すれば利用できなくなることがイヤだったので、自分で管理できるものを探してみました。

小粋空間: 商品リンクをランダムに切り替える
http://www.koikikukan.com/archives/2005/11/23-235730.php
javascriptで出来そうです。
試したところうまく行っています。

んで、もう少しだけ楽に作ろうと思い、小粋空間さんのところのを書き出せるようにしてみました。
ついでにランダムでなくて曜日ごとに出来るように。
いちいち個数とか空白とか判断しないので、7個固定です。全部埋めないと表示しない時ができちゃいます。
前に作ったyoutube自動再生と組み合わせれば、曜日毎に違う曲とか出来ます。

アフィリエイトとか、アクセサリー関係のブログパーツとか、まぁそこそこ遊べるかと思う。

10/8追記修正
同一ページに複数貼る場合を考えていなかったので、DIV IDの名前を変更できるように修正。

11/7追記
ブログ・スイッチはうまく動作しません。
youtube自動再生もダメです。表示は変わりますけど、音声はぜ〜んぶ流れます。
7つのうち6つを表示しないようにしてるだけで読み込みはしてるため、動的(自動的)なものは無理です。
裏では動いてるので、画面全体に表示するものとか見えちゃいますし、音声は聞こえてしまいます。

変更ボタンやタイマー切替を付けてみました。下記へ
http://mikinomemo.seesaa.net/article/300791876.html

11/9追記
innerHTMLを使った方法でjavascrit以外のyoutube等は可能でしたので「ブログパーツをランダム表示 innerHTML版」へどうぞ。こちらはボタンやタイマーで切替できます。

11/11
javascriptでもyoutubeでも正常動作出来ました。
変更ボタンとかで切替は無理でした。最初の表示時(更新時)のみランダム又は曜日別に表示します。
結局DIVではなくて、変数に入れて単純にdocument.writeすればよかっただけ。
いやぁ、アホだった。1ヶ月の遠回り。
Ver.5.1

12/2追記
すみません。修正しました。
javascriptなタグの文字変換間違ってて動かなくなってました。たぶんこれで動く orz
(ブログスイッチとかは相変わらず無理です。)
又、document.write版はブログ左サイドバーに配置すると、本文等が表示されない事があります。
その場合は、一番読み込みが遅くなるであろう左サイドバー最下段に設置してみてください。





ブログパーツをランダム表示 まとめ: 覚え書き(メモ)&日記new
http://mikinomemo.seesaa.net/article/301665755.html
posted by みきの at 19:17 | Comment(0) | TrackBack(0) | パソコン・インターネット | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック