2012年11月13日

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

タグ:javascript
ちょっと、混乱してきたので、整理まとめ。

目的:
ブログパーツやアフィリエイト、リンクバナーをランダム表示したい。
通常の貼り方と同じようにサイドバーなど所定の場所に貼り付けるだけで実現したい。
タイマーやボタンでも切替えたい。

方法:
javascriptでランダム表示させる。
そのためのタグを作成させる。
専用ソフトなど使わずブラウザ上で作成させる。(というか、ソフトを作る能力が無い。)
元のブログパーツやバナータグを貼り付けてボタン一発で作れるようにする。

出来たもの:
試してみたものの、あまりうまくいかず、色んなパターンが出来た。
バナーやyoutube等はほぼ問題なく実現可能。
画面に効果を与えるようなjavascriptは無理っぽい。
結局ブログスイッチ、カーソル等が動くのはDIV版とdocument.writeだけ。
だがしかし、DIV版は複数設定すれば誤動作起こすし、そもそも切替不能で裏で動き続ける。
document.writeはブログスタイルが崩れる事もあり、不安定な感じだしタイマー切替等は出来ない。

javascript必要ないバナー、youtube等はinnerHTML版がオススメ。
切替ボタンやタイマー必要ないなら、document.write版がオススメ。


document.write版(Ver.5.1)
http://mikinomemo.seesaa.net/article/295420736.html
利点:javascritなタグでも、ほぼどんな物でも動く。
難点:ボタンやタイマー切替が出来ない。ブログスタイルが崩れることがあった。(ブログ左サイド最下段に設置すれば回避できるかも)


DIV版(Ver.3)
http://mikinomemo.seesaa.net/article/300791876.html
一番最初に作ったものに変更ボタン、タイマーを追加したもの。
利点:javascritなタグでも、ほぼどんな物でも動く。
難点:表示を消しているだけなので、全てのタグは読み込み動作している状態。音声は全て聞こえる。


innerHTML(Ver.4)
http://mikinomemo.seesaa.net/article/301004860.html
利点:安定して使える? 
難点:javascritなブログパーツは全く使えません。 <-致命的?


iframe版(ver.6)
http://mikinomemo.seesaa.net/article/301662044.html
利点:javascritなタグでも、ほぼどんな物でも動く。
難点:サイズ設定をしなければならない。しかも設定できるはものの1つに固定。
   画面全体に効果が及ぶようなjavascritは効かない。


・・・うん。もう多分これ以上いじらない。

12/2追記
document.write版、iframe版でjavascript動くように書いてましたけど、文字変換間違っていて、動くようになってませんでした。修正しました。たぶんこれで動く。
posted by みきの at 19:21 | Comment(0) | TrackBack(0) | パソコン・インターネット | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

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


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

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