Caprice Mogwai

Flat-Coated Retrieverのmogwaiと気ままに。 

--.--.--[--] --:--    スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
    --:--  Top

2008.08.14[木] 20:16    たまにはカスタマイズ。

たまには、テンプレートかまってやりましょう。
っていい気になって、今日のエントリー多すぎ。

こんばんみー。カプリスでつ。

追記文を折りたたんでみました。

参考サイトは小粋空間さまの「追記文章の折りたたみ 2.0」の FC2 ブログ版
追記(続きを読む)をポチッとしても、エントリーページ(別のページ)に飛ばないで、その場で開いて閉じるから、続きを見ても次のエントリーは、戻らなくてもまだ下にある。
って感じでしょうか?
覚え書きは、続きから。


①小粋空間さんのエントリー通り、リンク先に飛んでscriptaculous-js-1.8.1.tar.qz
 ダウンロードしてきましたが・・・
 現在小粋空間さんで説明されている物よりバージョンアップしてます。
 気にせず使っちゃって大丈夫なようです。

②ダウンロードして解凍したフォルダーの中で使うのは下記4つ。

/lib/prototype.js
/src/controls.js
/src/effects.js
/src/scriptaculous.js


③それぞれ、ファイルアップロードのページでアップします。
 アップロードした物のそれぞれのURLをメモしときます。
 右クリック、ショートカットのコピーでURLがPCにコピーされます。
④テンプレートの<head>~</head>間に下記スクリプトを入れます。
 赤色の部分をそれぞれのURLに書き換える。

<script type="text/javascript" src="[prototype.jsのファイルをアップロードしたURL]"></script>
<script type="text/javascript" src="[scriptaculous.jsのファイルをアップロードしたURL]?load=effects"></script>
<script type="text/javascript" src="[effects.jsのファイルをアップロードしたURL]"></script>
<script type="text/javascript" src="[controls.jsのファイルをアップロードしたURL]"></script>

<script type="text/javascript">
Effect.DefaultOptions = {
transition: Effect.Transitions.sinoidal,
duration: 0.5, // seconds
fps: 60.0, // max. 60fps due to Effect.Queue implementation
sync: false, // true for combining
from: 0.0,
to: 1.0,
delay: 0.0,
queue: 'parallel'
}
function ajaxShowHide(entryID) {
element = $('Text' + entryID);
if(element.style.display == 'none') {
options = {
afterFinish: function(effect) {
$('Link' + entryID).firstChild.innerHTML = '≪ 続きを隠す';
Element.show(effect.element);
}
};
Effect.BlindDown(element, options);
} else {
options = {
afterFinish: function(effect) {
$('Link' + entryID).firstChild.innerHTML = '続きを読む ≫';
Element.hide(effect.element);
}
};
Effect.BlindUp(element, options);
}
}
</script>


⑤bodyの中の<!--more_link-->~~~<!--/more_link-->の書き換え。(赤の部分)
 私は追記を開いた後、閉じた時に折りたたみマーク位置に戻るようにしたいので

<!--more_link-->
<div id="Link<%topentry_no>" class="ajax-entry-more-link"><a href="<%topentry_link>" name="<%topentry_no>" onclick="ajaxShowHide('<%topentry_no>');return false;">続きを読む ≫</a></div>
<div id="Text<%topentry_no>" style="display: none">
<%topentry_more>
<div class="ajax-entry-more-link"><a href="#Link<%topentry_no>" name="<%topentry_no>" onclick="ajaxShowHide('<%topentry_no>');return true;">≪ 続きを隠す</a></div>
</div>
<!--/more_link-->



こんな感じで出来上がり。
その他細かい調整もできますが、今日はこの辺で~。
詳細は小粋空間さんのエントリーをご確認ください。


ジャンル : ブログ
テーマ :   どーでもいいこと。
Comment







(編集・削除用)


管理者にだけ表示を許可
Trackback
http://capriceange.blog116.fc2.com/tb.php/369-b9e0432c
ここも重要

フラットコーテッドレトリバー
が好きだから・・・・・




ファインくん基金




里親募集中!!

FCR Lovers 里親募集ページ

INFORMATION



いつでも里親募集中

FCR。com

現在 名様閲覧中

フラットなリング
BACK NEXT
LIST RANDOM


ワンズのお買い物なら
BOWBOW☆PARADICE
BOWBOW☆PARADICEさん経由でお買い物して頂くと、同サイトのアフェリエイト報酬がボランティア団体に寄付されます。 はじめてみませんか?小さな事からコツコツと♪
我が家のWANS

コメントありがとう♪
最近のエントリー
カテゴリー
プロフィール

mogwai

Author: カプリス

登場人物
私:カプリス
ツレ:
相方:休日に遥々やってくる彼氏
タメゴロー: コーギー/兄家在住

自分がロム人なので
ロム歓迎です(*^-^)ニコ
良かったらアシアト↓だけ残してね♪


リンク、フリーです。
お好きなページを
好きに貼ってやって下さい。
*アダルトサイトや
18禁サイトはお断りしマス*
バナーは今のとこありません。

BLOGリンク
【BlogPeople】
【TrackbackPeople BigDog】
【TrackbackPeople ペットの食卓】 Powered by BlogPeople
【お知らせ】
 一部無断でリンクさせて頂いてるサイト様があります。
 大変申し訳ありませんが差し支えありましたら
 ご連絡頂ければ迅速に削除致しますのでご了承下さい。
HPリンク
RSSでフラットサイトをチェック♪
*更新された順に50サイトまで表示されます

Powered by Ayapon RSS! オススメ キャッシング FX

カレンダー
月別エントリー
タグリスト
ココも見てみてね♪
メールフォーム

名前:
メール:
件名:
本文:


*掌蹠膿疱症についての
ご質問等は
こちらのブログへお願いします。
gremz
ブログ内検索
Pagetop
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。