2005年08月17日

BlogParts「Page」Changer?

BlogPartsChangerの設置法を読み直していて、 もう少し簡単にというか手抜き的に導入できそうな方法に気がついたので書いてみる。
その方法を”BlogParts「Page」Changer?”と仮称してみる。
BlogPartsChangerはブログパーツのスクリプト(flash)そのものを切り替え表示するが、BlogParts「Page」 Changerはブログパーツを設置したhtmlを切り替え表示する…はず。


前置き
・”BlogParts「Page」Changer?”は『The blog of H.Fujimoto』「Blog Parts Changer」 を参考にしています。
・きちんとスクリプト等を勉強したことはないので、”BlogParts「Page」Changer?”は当然自己流です。
もし”BlogParts「Page」Changer?”を使われる時はその事を念頭においてください。
・BlogPartsChangeとどちらか軽いかなど検証していません。
また、Windows2000・IE6.0での環境でしか動作チェックしていません。

(文字コードなどの所はseesaaに合わせてあります)

1:骨格スクリプト
以下のスクリプトをテキストかhtmlクリエイター等にコピペしておく。

<script language="javascript" type="text/javascript" charset="Shift_JIS">
<!--
function show_blog_parts(parts_no)
{
    parts_html = "";
    if (parts_no == -1) {
        parts_html = "<p>ただいま工事中です。</p>\n";
    }
    else if (parts_no == 0) {
        // 1つ目のパーツを表示する処理
    }
    else if (parts_no == 1) {
        // 2つ目のパーツを表示する処理
    }
    else if (parts_no == 2) {
        // 3つ目のパーツを表示する処理
    }
    else if (parts_no == 3) {
        // 4つ目のパーツを表示する処理
    }
document.getElementById('blog_parts_page_changer').innerHTML = parts_html;
}
//-->
</script>

<div id="blog_parts_page_changer"></div>

<a href="javascript:show_blog_parts(0)"> 1つ目のパーツ</a>
<a href="javascript:show_blog_parts(1)"> 2つ目のパーツ</a>
<a href="javascript:show_blog_parts(2)"> 3つ目のパーツ</a>

<script language="javascript" type="text/javascript">
<!--
show_blog_parts(-1);
//-->
</script>



2:ブログパーツを置くページを作る
以下のタグを参照にブログパーツを置くページを作る。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html">
<title></title>
<style type="text/css">
<!--
body { padding : 0px; margin : 0px; }
-->
</style>
</head>
<body>
<script language="javascript" src=http://○○○○○○○○></script>
</body>
</html>

上記のタグの”<script language="javascript" src=http://○○○○○○○○></script>” の部分に各BlogPartsのhtmlタグを張る。


3:ページをアップする
で作ったページをWEB上にアップロードする。
seesaaの”ファイルマネージャー”でも良い。


4:表示用モジュールを作る

 parts_html += "<iframe frameBorder=¥"0¥" allowTransparency=¥"true¥" height=¥"126¥" width=¥"168¥" marginHeight=¥"0¥" scrolling=¥"no¥" src=¥"http://▲▲▲▲▲▲¥" MarginWidth=¥"0¥"></iframe>";

”¥”は半角に直す。
http://▲▲▲▲▲▲にはのURLを書き込む。


5:Changerに組み込む
で作ったモジュール骨格スクリプト

<script language="javascript" type="text/javascript" charset="Shift_JIS">
<!--
function show_blog_parts(parts_no)
{
    parts_html = "";
    if (parts_no == -1) {
        parts_html = "<p>ただいま工事中です。</p>\n";
    }
    else if (parts_no == 0) {
        // 1つ目のパーツを表示する処理
    }
    else if (parts_no == 1) {
        // 2つ目のパーツを表示する処理
    }
    else if (parts_no == 2) {
        // 3つ目のパーツを表示する処理
    }
    else if (parts_no == 3) {
        // 4つ目のパーツを表示する処理
    }
document.getElementById('blog_parts_changer').innerHTML = parts_html;
}
//-->
</script>

<div id="blog_parts_changer"></div>

<a href="javascript:show_blog_parts(0)"> 1つ目のパーツ</a>
<a href="javascript:show_blog_parts(1)"> 2つ目のパーツ</a>
<a href="javascript:show_blog_parts(2)"> 3つ目のパーツ</a>

<script language="javascript" type="text/javascript">
<!--
show_blog_parts(-1);
//-->
</script>

の”//○つ目のパーツを表示する処理” の部分に(或いはその下に)貼り付ける。
次に”<a href="javascript:show_blog_parts(x)"> ○つ目のパーツ</a>” の部分の切り替え用リンクを変更する。
<a href="javascript:show_blog_parts(x)"> ”の”x”には” //○つ目のパーツを表示する処理”の上にある” else if (parts_no == x) ”の数字にする。
○つ目のパーツ”の部分はブログパーツの名称を書き込む。


6:ブログに設置する
モジュールを組み込んだ骨格スクリプトを” 新しいコンテンツの追加”の”自由形式”で設置する。


多分これで多少のずれはあっても表示できるようになるはず。


BPPC


余談
たぐフレにも登録したがこれはChangerに組み込むと使えなく機能があるので”BLOG-accessory’”のほうに置いてみた。

この記事へのコメント
8/21
「BPPC」更新
Posted by 壬風蛙 at 2005年08月21日 18:49
はじめまして。
質問です。
メロチェンジャーのように
最初にblogをあけた段階で表示される工事中をなくして、最初に一つ表示をさせる方法を教えてください。
よろしくおねがいしますm(__)m
Posted by スマイル at 2005年11月17日 16:15
いろいろしていたら出来ましたが、
一番重いタグフレをくみ込み見たいのですが、
無理なんですね。。
残念。
Posted by スマイル at 2005年11月17日 16:34
>スマイルさん
タグふれもなんですが、このスクリプトもどき自体がやはり不完全なようです…
今人気のタグブラウザ(FireFoxとか)で見るとブログ自体のデザインが崩れてしまうそうなんですよ(^^;)
万が一お使いの場合はそこもご注意ください。
m(_"_)m ペコペコ
Posted by 壬風蛙 at 2005年11月17日 20:52
補足:上記の”このスクリプト”はBlogParts「Page」Changer?のことであってBlogPartsChangerのことではありません。
Posted by 壬風蛙 at 2005年11月17日 20:54
あ、もちろん承知しております(^^)
一応設置完了しました。
有難うございました。

使わせていただきましたのは、
BlogParts「Page」Changerです。
ちゃんとできたと思うのですが、
わかりません。
ただ、チェンジャーでのタグフレログアウトが出来ないようです。

Posted by スマイル at 2005年11月17日 22:47
いやいや、少しでもお役にたてたようでなによりです。

そちらを覗かせていただきましたが、俺の環境(Win2000、IE6.0)ではきちんと見れます。
ですがもし、お知り合いでFireFoxやオペラなどの他のタブブラウザを使用している人がいたら一度確認してもらうと良いかもしれません。
Posted by 壬風蛙 at 2005年11月18日 20:53
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:


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