改一下 fi_divexpand.js 吧. :)

假若各位使用者對於E-Offoce網站有"任何意見、問題"時,皆可在此發表.例如:申請版主、開立新板、功能測試、提供技術文章等等

版主: E-Office小組

分享到: Facebook

改一下 fi_divexpand.js 吧. :)

文章maa » 週六 11月 19, 2005 7:32 pm

麻煩修一下顯示程式碼的那個 圖檔「顯示全部」的功能,因為不管程式碼行數是多或少,點下去它通通給你展開為 height=500px 的 DIV 區塊,這不是很理想。

建議修改 fi_divexpand.js,在 resizeLayer 這個 function 最後,加上這兩行:

if (newHeight == 500) {
myLayer.style.height = myLayer.scrollHeight + 3 + 'px';
}
maa
版面管理員
 
文章: 631
註冊時間: 週一 9月 13, 2004 10:16 am
來自: 縱橫資通能源

Re:改一下 fi_divexpand.js 吧. :)

文章maa » 週六 11月 19, 2005 7:47 pm

BTW, 關於程式碼的顯示...

因為我們貼的,通常是短短幾行,或頂多十幾二十行的程式碼而已,而現在的程式碼 DIV 區塊預設高度都是 40px,使用者看程式碼時,每次都得按一下顯示全部的 圖檔 這個圖示,個人覺得有點麻煩,建議設成預設全部顯示而不是 40px。

這有勞站長了。 :lol:

PS: 我想應該還是在 fi_divexpand.js 動點小手腳就行了!。
maa
版面管理員
 
文章: 631
註冊時間: 週一 9月 13, 2004 10:16 am
來自: 縱橫資通能源

Re:改一下 fi_divexpand.js 吧. :)

文章copyleft » 週日 11月 20, 2005 8:48 am

改好囉 :p
現在改成直接全部顯示
順便加了陽春的 syntax highlight 功能 :)
還有把編輯區域稍微加大了一些
:mrgreen:
頭像
copyleft
E-Office 小組
 
文章: 1006
註冊時間: 週六 8月 07, 2004 11:27 am
來自: Taiwan

Re:改一下 fi_divexpand.js 吧. :)

文章maa » 週日 11月 20, 2005 3:33 pm

copyleft 寫:改好囉 :p
現在改成直接全部顯示
順便加了陽春的 syntax highlight 功能 :)
還有把編輯區域稍微加大了一些
:mrgreen:


太棒了。:)

那個 syntax highlight 也許設為 default on 比較好。

另外,字型可以調為 Courier New 10pt 嗎?
maa
版面管理員
 
文章: 631
註冊時間: 週一 9月 13, 2004 10:16 am
來自: 縱橫資通能源

Re:改一下 fi_divexpand.js 吧. :)

文章maa » 週日 11月 20, 2005 3:43 pm

對了,syntax highlight 功能,可以支援 TCL 的指令嗎?
我整理了一下,TCL 主要的 keyword 大概如附件這些指令。
附加檔案
tcl_keyword.txt
(486 Bytes) 被下載 1025 次
maa
版面管理員
 
文章: 631
註冊時間: 週一 9月 13, 2004 10:16 am
來自: 縱橫資通能源

Re:改一下 fi_divexpand.js 吧. :)

文章maa » 週日 11月 20, 2005 3:45 pm

BTW, 如果 bbcode 可以寫成 [code="TCL"] 或 [code="C"] 這樣,也就是讓使用者指定要做 syntax highlight 的語言種類為何,那就更方便了。 :lol:
maa
版面管理員
 
文章: 631
註冊時間: 週一 9月 13, 2004 10:16 am
來自: 縱橫資通能源

Re:改一下 fi_divexpand.js 吧. :)

文章maa » 週一 11月 21, 2005 9:46 am

copyleft 寫:改好囉 :p
現在改成直接全部顯示
順便加了陽春的 syntax highlight 功能 :)
還有把編輯區域稍微加大了一些
:mrgreen:


什麼是版本控制系統 :D
  • 存放檔案在檔案庫
  • 追蹤修改歷程
  • 分析修改內容
  • 可透過網路存取
  • 主要用來作共同開發
版本控制(Version Control) 既有這麼多好處,不知道 E-Office source 現在有沒做版本控管? :lol:
maa
版面管理員
 
文章: 631
註冊時間: 週一 9月 13, 2004 10:16 am
來自: 縱橫資通能源

Re:改一下 fi_divexpand.js 吧. :)

文章copyleft » 週一 11月 21, 2005 9:55 am

maa 寫:什麼是版本控制系統 :D
  • 存放檔案在檔案庫
  • 追蹤修改歷程
  • 分析修改內容
  • 可透過網路存取
  • 主要用來作共同開發
版本控制(Version Control) 既有這麼多好處,不知道 E-Office source 現在有沒做版本控管? :lol:


這篇趕工出來的 slides 居然被挖出來 XD..

回答一下 :p 有的, 目前把ㄧ些專案 (包括 E-Office 首頁) 使用 SVN 控管,
正開始用而已, 目前是密碼保護的,
稍微整理一下把私人資訊移掉後就開放出來
最後由 copyleft 於 週日 12月 04, 2005 9:04 pm 編輯,總共編輯了 1 次。
頭像
copyleft
E-Office 小組
 
文章: 1006
註冊時間: 週六 8月 07, 2004 11:27 am
來自: Taiwan

Re:改一下 fi_divexpand.js 吧. :)

文章maa » 週二 11月 22, 2005 11:31 am

copyleft 寫:這篇趕工出來的 slides 居然被挖出來 XD..


這跟我的行蹤都被掌握住比起來,是小巫見大巫啦!
哈~ :lol:

copyleft 寫:回答一下 :p 有的, 目前把ㄧ些專案 (包括 E-Office 首頁) 使用 SVN 控管,
正開始用而已, 目前是密碼保護的,
稍微整理一下把私人資訊移掉後就開放出來 (畢竟 phpbb 是 GPL)


修改過的內容,如果可以留下心得直管寫下來,或者是多多找時間跟站長群 walkthrough,這樣學弟妹才有機會從你身上吸收功力喔! :D
maa
版面管理員
 
文章: 631
註冊時間: 週一 9月 13, 2004 10:16 am
來自: 縱橫資通能源

Re:改一下 fi_divexpand.js 吧. :)

文章maa » 週二 11月 22, 2005 11:36 am

maa 寫:BTW, 如果 bbcode 可以寫成 [code="TCL"] 或 [code="C"] 這樣,也就是讓使用者指定要做 syntax highlight 的語言種類為何,那就更方便了。 :lol:


還有一個建議:

除了增加語法高亮度顯示外,再加個行號如何?
例如 Java 技術論壇這個範例: http://www.javaworld.com.tw/jute/post/v ... pg=1&age=0

圖檔

我是覺得這個用 JavaScript 應該是做得到的,要不要試試看呢? :lol:
maa
版面管理員
 
文章: 631
註冊時間: 週一 9月 13, 2004 10:16 am
來自: 縱橫資通能源

Re:改一下 fi_divexpand.js 吧. :)

文章maa » 週二 11月 22, 2005 4:12 pm

maa 寫:還有一個建議:

除了增加語法高亮度顯示外,再加個行號如何?
例如 Java 技術論壇這個範例: http://www.javaworld.com.tw/jute/post/v ... pg=1&age=0

我是覺得這個用 JavaScript 應該是做得到的,要不要試試看呢? :lol:


關於程式碼行號的顯示,底下是模仿 Java 技術論壇的,不知道 Work 不 Work。
首先是 codeDivStart():

代碼: 選擇全部

function codeDivStart() {
  var randomId = Math.floor(Math.random() * 2000);
  document.write('<div class="codediv" id="' + randomId + '">');
  document.write('<table border="0" cellspacing="1" cellpadding="3" bgcolor="#999999">' +
                 '<tr>' +
                 '  <td class="codelineno" width="1" align="left" valign="top">' +
                        linenoHTML(document.getElementById(randomId)) +
                 '  </td>' +
                 '  <td class="code" align="left" valign="top">' +
                        syntaxHighLight(document.getElementById(randomId)) +
                 '  </td>' +
                 '</tr>' +
                 '</table>'); 
 
}


行號顯示的 function:
代碼: 選擇全部
function linenoHTML (source) {
    r = source.match(/<br>/ig);
   
    result = ""
    for (var i = 1; i <= r.length; i++ ) {
        result += i + "<br>";
    }
   
    return result;
}


兩個 CSS 樣式:
代碼: 選擇全部
.codelineno {
   font-family: "Courier New"; font-size: 9pt;
   background-color: "#dddddd";
   color: green;
}

.code {
   font-family: "Courier New"; font-size: 9pt;
   background-color: "#ffffff";



另外,我只傳入一個參數給 syntaxHighLight function ,並預期 syntaxHighLight 會直接傳回 highlighted html,所以你可能需要做一下調整。
maa
版面管理員
 
文章: 631
註冊時間: 週一 9月 13, 2004 10:16 am
來自: 縱橫資通能源

Re:改一下 fi_divexpand.js 吧. :)

文章maa » 週二 11月 22, 2005 4:35 pm

Attached is the sample html and screen cut:

圖檔
附加檔案
sample.html
(1.54 KiB) 被下載 731 次
maa
版面管理員
 
文章: 631
註冊時間: 週一 9月 13, 2004 10:16 am
來自: 縱橫資通能源

Re:改一下 fi_divexpand.js 吧. :)

文章copyleft » 週三 11月 23, 2005 9:51 pm

ok 這個周末來改
:mrgreen:
頭像
copyleft
E-Office 小組
 
文章: 1006
註冊時間: 週六 8月 07, 2004 11:27 am
來自: Taiwan

Re:改一下 fi_divexpand.js 吧. :)

文章maa » 週三 11月 23, 2005 10:13 pm

copyleft 寫:ok 這個周末來改
:mrgreen:


乾八爹! :D

其實 JavaScript 也很好玩的,是不? :lol:
maa
版面管理員
 
文章: 631
註冊時間: 週一 9月 13, 2004 10:16 am
來自: 縱橫資通能源

Re:改一下 fi_divexpand.js 吧. :)

文章Paddy » 週五 11月 25, 2005 11:27 pm

E-Office學園也被yoyo改的越來越好用了,

真是辛苦了。

8)
頭像
Paddy
總版主
 
文章: 891
註冊時間: 週一 3月 01, 2004 7:20 pm
來自: NewOrleans

Re:改一下 fi_divexpand.js 吧. :)

文章lina7inverse » 週六 11月 26, 2005 9:21 pm

YOYO 真的是非常辛苦~
從課業到專題到 E-Office,
這些時日 YOYO 忙翻天了,
真的非常感謝 YOYO,
YOYO 加油!!!
在這個由各式各樣的人的期望
所造成的世界裡
我們抱著各自不同的理由
朝著各自希望的道路前進
頭像
lina7inverse
E-Office 小組
 
文章: 270
註冊時間: 週六 3月 26, 2005 1:57 pm
來自: 奇幻協會自治城

Re:改一下 fi_divexpand.js 吧. :)

文章copyleft » 週日 11月 27, 2005 8:52 pm

lina7inverse 寫:YOYO 真的是非常辛苦~
從課業到專題到 E-Office,
這些時日 YOYO 忙翻天了,
真的非常感謝 YOYO,
YOYO 加油!!!


我怎麼覺得我很悠閒 :p ?

小田你才忙哩,專題常常都是你們那組問老師問題,我們這組再問你們。

感謝感謝 ;)
頭像
copyleft
E-Office 小組
 
文章: 1006
註冊時間: 週六 8月 07, 2004 11:27 am
來自: Taiwan

Re:改一下 fi_divexpand.js 吧. :)

文章copyleft » 週日 11月 27, 2005 8:56 pm

Paddy 寫:E-Office學園也被yoyo改的越來越好用了,

真是辛苦了。

8)

paddy 退伍愉快 ;)

當初沒有你介紹到 eoffice, 哪有我呢 :lol:
頭像
copyleft
E-Office 小組
 
文章: 1006
註冊時間: 週六 8月 07, 2004 11:27 am
來自: Taiwan

Re:改一下 fi_divexpand.js 吧. :)

文章XO » 週三 4月 14, 2010 11:04 pm

阿這鍋讓 Code 可以顯示行編號能力的功能ㄌㄟ?

Copyleft 有沒交接下去?還是說已經改好囉? :-)
有行編號 解釋 Code 比較方便啦!
eXtra Old 的是我「不是酒」哦!
제 이름은 오조휘 입니다

臉書裡依舊是 Extra.Old: http://www.facebook.com/extra.old
頭像
XO
資管系教師
 
文章: 5331
註冊時間: 週二 4月 27, 2004 12:20 pm
來自: CQ Inc.

Re:改一下 fi_divexpand.js 吧. :)

文章copyleft » 週四 4月 15, 2010 10:01 pm

XO 寫:阿這鍋讓 Code 可以顯示行編號能力的功能ㄌㄟ?

Copyleft 有沒交接下去?還是說已經改好囉? :-)
有行編號 解釋 Code 比較方便啦!


Hi 老師,
沒有什麼交接。

不過本來的 code 只是單純的替代文字而已。非常陽春。

學弟妹可以開會討論一下是否要擴充它的功能,改寫得更完善一點。
有行號真的會方便很多!現在使用率還蠻高的。
頭像
copyleft
E-Office 小組
 
文章: 1006
註冊時間: 週六 8月 07, 2004 11:27 am
來自: Taiwan

下一頁

回到 站務討論版

誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 1 位訪客

cron