忍者ブログ

泠水榭

泠泠七弦上,靜聽松風寒。古調雖自愛,今人多不彈。
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

原文:ニンブロラボ."続きを読む"を開く/たたむ
已獲得作者stubborn_brain授權翻譯。
版權為原作者所有,如有轉載需要,請通知原作者,謝謝!

前言:
此語法可以按繼續閱讀即可在不更新頁面的情況下打開追記,
先將顯示於頁面的追記隱藏,
再利用語法讓繼續閱讀的連結可以打開隱藏部份。
所以如果追記部份有較多的文字、圖案,
在打開文章列表時會一起載入,
因而降低網頁開啟速度,請慎用!

註:以下教學,紫筠有部份修改增減。

教學:
難度:中
(請先打開樣式小幫手,複製右上角框內的HTML語法至文字編輯器)

一、請先把下方語法,貼在<head></head>之間
<script language="javascript" type="text/javascript">
<!--
function showMore(varA1, varB1){
var123 = ('varXYZ' + (varA1));
varABC = ('varP' + (varA1));
if( document.getElementById ) {
if( document.getElementById(var123).style.display ) {
if( varB1 != 0 ) {
document.getElementById(var123).style.display = "block";
document.getElementById(varABC).style.display = "none";
} else {
document.getElementById(var123).style.display = "none";
document.getElementById(varABC).style.display = "block"; }
} else {
location.href = varB1;
return true;
}
} else {
location.href = varB1;
return true;
}
}
//-->
</script>


二、找到下列語法:
<!--if_not_entry-->
<!--if_ps_text-->
(中間可能因各種樣式而異:
普通樣式通常是:<div class="EntryPsText">
<a href="<!--$entry_link-->"><!--$entry_ps_title--></a>
</div>

新的自製樣式可能是:

<!--/if_ps_text-->
<!--/if_not_entry-->


三、整個替換成:
<!--if_not_entry-->
<!--if_ps_text-->
<div id="varP<!--$entry_no-->" class="EntryPsText">
<a title="<!--$entry_ps_title-->" href="<!--$entry_link-->#<!--$entry_no-->" style="border: none;" onclick="showMore(<!--$entry_no-->,'<!--$entry_link-->#<!--$entry_no-->');return false;"><!--$entry_ps_title--></a>
</div>
<div id="varXYZ<!--$entry_no-->" style="display: none" class="EntryText">
<!--$entry_ps_text-->
<div class="EntryPsText"><a title="隱藏追記" href="#<!--$entry_no-->" style="border:none;" onclick="showMore(<!--$entry_no-->,0);return true;">隱藏追記</a></div>
</div>
<!--/if_ps_text-->
<!--/if_not_entry-->

title="<!--$entry_ps_title-->" 是游標移到繼續閱讀的連結上出現的文字,可自行更改「<!--$entry_ps_title-->」的部份。
<!--$entry_ps_title-->即是「繼續閱讀」的連結文字,
<!--$entry_ps_title-->是指預設的,可自行更改粉紅色的部份
title="隱藏追記"是游標移到隱藏追記的連結上出現的文字,可自行更改「隱藏追記」的部份。
隱藏追記是當追記開啟以後,點選可以隱藏追記的連結,可自行更改。

四、貼回小幫手原來的位置,然後存檔即可。

其他問題:
一、按隱藏追記後,無法回到標題
請在整個樣式原始碼中,
搜尋<a href="<!--$entry_link-->">
替換成<a href="<!--$entry_link-->" id="<!--$entry_no-->" name="<!--$entry_no-->">

二、想要把「繼續閱讀」、「隱藏追記」換成圖片(紫筠補充)
上方覆蓋的原始碼中,
<!--$entry_ps_title-->隱藏追記各自替換成
<img src="圖片網址" border="0">
PR

暱 稱
信 箱
網 址
主 題
字 色 Vodafone絵文字 i-mode絵文字 Ezweb絵文字
留 言
密 碼
悄悄話 (使用悄悄話者,請留下您的信箱,方便紫筠回信)

▼ 隱藏追記

我跟隨你的方法,但不成功,你可幫我嗎?
990605d6c5 cherry || URL || 2006年 08月 30日 Wed 20-1:02 || 編輯|| 紫筠回覆
▽ Re:隱藏追記
您好,不知道您的問題是?
因為您的文章好像都沒看到繼續閱讀,我不太清楚是不是語法等等的錯誤@@
紫筠 || 2006年 08月 31日 Thu 14-1:49

▼ 不成功,請幫忙

我是用你的樣式及跟隨你的方法,也不成功。

我的問題是,按繼續閱讀,顯示了追記,但很快就新更及跳去新的一頁,並不像你blog那種模式,不知道那裡出錯,以下是我的code,可否請你幫忙看看!謝謝!!!

http://dw08.tripod.com/Code.txt


2aac4d8e0d 新手 || 2006年 09月 30日 Sat 12-1:57 || 編輯|| 紫筠回覆
▽ Re:不成功,請幫忙
您好,剛剛我檢查了一下語法,發現應該是
剛剛已經補上去了,真是不好意思,造成您的困擾
紫筠 || 2006年 10月 01日 Sun 00-1:09

▼ 跟樓上的有相同的問題

一樣是按繼續閱讀,顯示了追記,但很快就新更及跳去新的一頁
大人所說需要補的語法是??
請幫我看一下<(_ _)>
謝謝!!

http://orangeocean1.web.fc2.com/images/question.txt
294a3df6e1 艾斯庫力姆。 || 2006年 11月 04日 Sat 23-1:31 || 編輯|| 紫筠回覆
▽ Re:跟樓上的有相同的問題
您好,真不好意思,我終於找到原因了
請在< div id="varP" class="EntryPsText">中的varP後面加上
變成< div id="varP" class="EntryPsText">應該就可以了,真不好意思@@
(請去掉上面<後的空格)
紫筠 || 2006年 11月 07日 Tue 22-1:42

▼ 成功了呦!!

照著這次的方法成功了(・∀・)
感謝大人地耐心回答~
294a3e1b86 艾斯庫力姆。 || 2006年 11月 07日 Tue 23-1:32 || 編輯|| 紫筠回覆

▼ 無題

請問~
我的問題是連繼續閱讀都沒有出現耶 囧"

要怎麼改呢?
99d40646a1 灩 || URL || 2006年 12月 21日 Thu 04-1:06 || 編輯|| 紫筠回覆
▽ Re:無題
嗯…
不知道您是不是整篇文章打在本文部份?
必須要按「続きを読む」輸入追記的部份才會顯示繼續閱讀唷!

如果還是有問題,麻煩請您把版模的語法給我看看,也許能找出問題所在
謝謝!
紫筠 || 2006年 12月 22日 Fri 23-1:12

▼ 有個問題困擾我好久了..

http://yuuinjyo.blog8.fc2.com/blog-entry-128.html#comment
上面的網址中..小弟不知在欄位中的字旁加個"+",位置不知該放那?或是是自己打進去的?
就如同您的blog一樣~旁邊都有個+號...
花了幾個晚上還是解不開,謝謝
294c95baff peter || 2006年 12月 25日 Mon 05-1:09 || 編輯|| 紫筠回覆
▽ Re:有個問題困擾我好久了..
您好,那個+字是要自己加進去的唷!
偷偷告訴您一個我個人偷懶的方法,
您先把Java語法貼上,
在那篇教學中不是有什麼foXX的編號嗎?
因為忍者Blog有邊欄外掛的功能,要修改比較麻煩。
所以我想了個辦法,忍者Blog中有提供邊欄編號的邊籤,所以我把< a href="javascript:void(0)" onclick="dd('fo')">+加在<!--$plugin_title-->後面,
然後在邊欄的class="PluginContents <!--$plugin_contents_align-->"後面加上 id="fo<!--$plugin_no-->"
這樣,您不用每次修改版模,邊欄就可以折疊了

此外,如果您想要一開始就把邊欄隱藏,可以在class="PluginContents <!--$plugin_contents_align-->"後面再加上 style="<!--$plugin_header_explanation-->"
然後在您想要隱藏的邊欄的「上部に記載するプラグインの説明文:」中加入
display:none;
它就會預設為隱藏狀態了。

以上是我個人使用的偷懶方法,不知道對您有沒有幫助@@
紫筠 || 2006年 12月 30日 Sat 00-1:02

▼ 隱藏的功能正常,但是直接按標題之後就只看得到本文部份

您好,我照著上面的方法做
雖然展開跟關閉的功能都正常,但是卻發現直接按標題進入文章之後,卻只有顯示本文部份,追季的佈份都消失了
可以幫我看看嗎?謝謝

http://ay771229.blog.shinobi.jp/
92d454fa03 Andy || URL || 2007年 02月 07日 Wed 22-1:01 || 編輯|| 紫筠回覆

▼ 無題

仔細看了依下,原來是我把<!--if_entry-->
這一段誤刪了XD
92d454fa03 andy || 2007年 02月 07日 Wed 22-1:13 || 編輯|| 紫筠回覆
▽ Re:無題
OK^^
紫筠<~複製的時候常常最後一行沒複製到XD
紫筠 || 2007年 02月 15日 Thu 02-1:46

▼ 試過但不成功,求救

http://www.badongo.com/cn/file/20152111

照著妳的方法修改了
按下繼續閱讀時還是會跳至新的一頁
拜託大大的幫忙了
不知道現在問會不會太晚Orz
50624f3e5e 小魚 || 2010年 02月 01日 Mon 07-1:16 || 編輯|| 紫筠回覆

▼ 無題

你好,我找不到步驟二那段的語法耶!!
5289bdc905 貓 || 2010年 08月 10日 Tue 09-1:00 || 編輯|| 紫筠回覆
引用網址
本文網址

月曆+

10 2024/11 12
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

導覽+

紫筠
管理者:紫筠
導 覽:關於本站 計數器:
各位來訪的朋友請注意:
本站文章及回覆的發表時間,
因為時差的關係,會多一小時
文章已手動修正,
請您在瀏覽回覆時,自動扣除一小時
如有不便,還請見諒。

最新回覆+

NEX-C3留於11月15日
NEX-5N留於11月13日
柚留於10月01日
光亞留於08月08日
コョア留於07月31日

最新引用+

創用CC+

Creative Commons License
本榭著作係採用創用 CC 姓名標示-非商業性-禁止改作 2.5 Taiwan 授權條款 授權
轉載文章請標明出處、作者。

榭友相鄰+

佳文共賞+

搜尋文章+

管理+

忍者ブログ [PR]
Copyright(c) 紫筠. All rights reserved.
Powered by 忍者blog
Template Designed by miu_uim