AL8 Forum
   登錄註冊幫助


標題: 【原創】文章分段顯示可用按鈕控制功能
 uv123
 0035317
Rank: 2Rank: 2

頭銜: Member

帖子: 91

精華: 0

積分: 1219 點

現金: 375 元

存款: 0 元

閱讀權限: 15

註冊: 2005-11-20

來自: 台灣的台北

狀態: 離線
 
發表於 2005-11-26 16:34  資料  個人空間  短消息  加為好友 
【原創】文章分段顯示可用按鈕控制功能

【程式名稱】文章分段顯示
【適用版本】Discuz! 2.5 / Discuz! 3.0F β3
【作      者】神奇小子
【發表日期】2005_11_25
【修改難度】非常簡易
【數據升級】不需要
【修改文件】./include/bbcode.js
【修改模板】./templates/default/post_bbinsert.htm
【功能簡介】
可將長篇文章、很多圖像的文章、須先觀看主文再看副文的文章等等....不想使用買賣貼子的功能或是隱藏功能隱藏的貼子,此項功能只須讓看文者,在勾選框上勾選後,立刻將分段顯示的文章顯示出來。

【思考邏輯】
此項功能和買賣貼子或是隱藏貼子的功能大不相同,此兩者功能都必須讓看文者付出代價或是回覆文章,才能繼續看下去;本功能是將長篇文章,由發文者選取要分段顯示出來的文段,反選起來後,按分段顯示功能按鈕,即可完成文章的分段顯示方式,而看文者,開啟該篇文章後,可選擇要不要繼續觀看下去,不需回覆文章或是購買文章,應該會讓論壇更顯得有人性及設想周到,因為不一定每一種文章都要觀看者去回覆或是購買,但是如果文章太長或是圖片太多時,開啟頁面的時間會比較長,使用本項功能後,可以減少開啟頁面的時間,如覺得合用者再修改吧!

【示範圖片】

↓未顯示文章分段部分↓


↓顯示出來文章分段部分↓


修改方式如下︰

1、請先在後台Discuz!代碼

新增標籤:

替換內容 ︰
<input type=checkbox onclick="ok1.style.display=ok1.style.display=='none'?'':'none'" value="ON">
<font size="2" color="#FF0000"> ← 續閱下段文章,請打勾…</font>
<div id=ok1 style="display:none">
{1}
</div>
</input>

例子 :
[tt]續閱文章[/tt]

解釋 :
續閱文章

參數個數︰1
嵌套次數︰1


2. 打開 include/bbcode.js

在最底下加入
//續閱文章--------------------------------------------
function bb_tt() {
        if (helpmode) {
                alert();
        } else if (document.selection && document.selection.type == "Text") {
                var range = document.selection.createRange();
                range.text = "[tt]" + range.text + "[/tt]";
        } else if (advmode) {
                AddTxt="\r[tt]\r[/tt]";
                AddText(AddTxt);
        } else {   
                txt=prompt(quote_normal,text_input);     
                if (txt!=null) {
                        AddTxt="\r[tt]"+txt;
                        AddText(AddTxt);
                        AddText("[/tt]");
                }              
        }
}
//續閱文章--------------------------------------------


3. 修改 templates/default/post_bbinsert.htm
找到
<a href="javascript:list()"><img src="{IMGDIR}/bb_list.gif" border="0" alt="{lang post_discuzcode_list}" width="24" height="24"></a>

上段程式說明︰
您可以依據所需要放置的排列位置,不需要依照本指示位置修改。
下一行加入︰
<a href="javascript:bb_tt()"><img src="{IMGDIR}/bb_tt.gif" border="0" alt="插入續閱文章效果" width="24" height="24"></a>

4、請下載附件的按鈕圖片,放置在風格包內。
∼完成∼

[此帖最後由 uv123 在 2005-11-26 於 16:37 修改]



 附件: 您所在的用戶組無法下載或查看附件



 AL8 Forum © All rights reserved.
頂部
 ccv204
 0017166
Rank: 1

頭銜: Newbie

帖子: 48

精華: 0

積分: 920 點

現金: 85 元

存款: 0 元

閱讀權限: 10

註冊: 2005-2-26

狀態: 離線
 
發表於 2005-11-29 05:58  資料  個人空間  短消息  加為好友 
好東西啊!!推一下...




 AL8 Forum © All rights reserved.
頂部
 gtonizuka
 0032115
Rank: 3Rank: 3Rank: 3
點擊查看 gtonizuka 的詳細資料

頭銜: Conqueror

帖子: 165

精華: 0

積分: 196 點

現金: 0 元

存款: 3237 元

閱讀權限: 20

註冊: 2005-10-5

狀態: 離線
 
發表於 2005-12-11 12:27  資料  個人空間  主頁 短消息  加為好友 
很實用的功能 thx~




 AL8 Forum © All rights reserved.
頂部

聯繫我們 - AL8 Forum - 網頁空間由 I-SERVICES 提供 - Archiver - WAP
清除 Cookies, 當前時區 GMT+8, 現在時間是 2008-11-23 04:45
Processed in 0.075557 second(s), 7 queries , Gzip enabled
Powered by Discuz! 5.5.0  © 2001-2007 Comsenz Inc.