seesaaブログ 記事折りたたみ - IT生活向上ブログ

seesaaブログ 記事折りたたみ

追記部分をクリックするとページ切り替えが起こるので、最初に読み込んでおいて、折りたたみ式にすれば、すばやく閲覧できるようになります。

「日記・コラム」あたりはよく使っているので、この当たりをご覧頂けば動作は確認できるかと思います。最新ブラウザではあらかた確認してますが、動かないブラウザもあるかもしれません。

1.スクリプトのダウンロード
下記リンクを右クリックして対象をファイルに保存でダウンロードしてください。
showhide.js

2.スクリプトをアップロード
ダウンロードしたファイルをお好きな場所へアップロード。

3.HTMLに組み込み
<script 
type="text/javascript"
language="JavaScript"
src="showhide.js"></script>

上記のように組み込んでください。srcの位置はアップロードした場所を指定してください。

4.使い方。
関数はShowHideとShowHide_aniの2つで、ShowHide_aniは内部関数。
ShowHideにパラメタを3つ渡します。link用のID,折りたたむ部分のID,開くか閉じるかのフラグです。
フラグは'1'が開くで'0'が閉じるです。seesaaに限らずどこでも利用可能です。
改造はご自由に。再配布はなしで。
当サイトにリンクでも張ってもらえると喜びます。

以下seesaaの場合の手順です。
まずコンテンツの記事のHTML部分を開き、article.first_body → article.body に変更します。
でbodyの下に下記のように記述します。IDはarticle.idを利用するのが楽かと思います。article.idじゃなくても同ページで一意になればよいです。私の場合、前半記事の後に2行ほど空白を空けるためにbrを入れてます。この当たりは適当にお好みで。

当サイトの例。
<% if:article.body_more %>
<br /><br />
<div id="Link<% article.id %>">
<a href="<% article.page_url %>#more" onclick="ShowHide('Link<% article.id %>','Text<% article.id %>','1');return false;">
<% article.body_continue_text %> ≫</a>
</div>
<div id="Text<% article.id %>" style="display: none">
<% article.body_more | bodyfilter(article_info,blog) %><br />
<a href="<% article.page_url %>" onclick="ShowHide('Link<% article.id %>','Text<% article.id %>','0');return false;">
≪ 続きを隠す</a>
</div><% /if %>


カテゴリ:Seesaa・ブログ
タグ:seesaaブログ

PR:
手数料無料、スプレッドは1銭から、レバレッジ400倍選択可能、「みんなのFX」
芸能人もびっくり!即効ダイエットなら骨盤ウォーカーベルト
【業界初】保有ポジションのレバレッジ変更機能

人気ブログランキング あとで読む
posted by wing at 2009/01/18 11:34 | Comment(1) | TrackBack(0) | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
わ、分からん・・・
Posted by at 2013年08月10日 04:20
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

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


※画像の中の文字を半角で入力してください。

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

この広告は1年以上新しい記事の投稿がないブログに表示されております。