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動くように書いてましたけど、文字変換間違っていて、動くようになってませんでした。修正しました。たぶんこれで動く。
タグ:javascript
posted by みきの at 19:21 | Comment(0) | TrackBack(0) | パソコン・インターネット | このブログの読者になる | 更新情報をチェックする

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

タグ:javascript
document.writeの物をifameに書き出すようにして、切替えボタンやタイマーが使えるようにしてみました。

iframeのサイズは残念ですけど、自動では変わりません。

それぞれ設定できるようにするのも大変なので、ひとつ設定したもの固定です。許して。

まぁ、これでjavascriptなブログパーツもボタン切替え出来るようになりました。

しかしiframeにしてしまったせいで、ブログスイッチやカーソルのような画面上に影響を出すものは動作しません。(T_T)



12/2追記
すみません。修正しました。
javascriptなタグの文字変換間違ってて動かなくなってました。たぶんこれで動く orz
(ブログスイッチとかは相変わらず無理です。)







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