[交流] 網站 FireFox 修正 / 調整計畫

阿輝

希望經由這個計畫

大家提出目前的問題，以及一起合力來解決問題
以阿輝弱智的 PHP / HTML 能力，需要大家的幫忙

目前發現的問題

1. 預設字型大小在 IE / Firefox 有稍微的大小不同, FireFox 稍微比較小
2. 頁面右上角的跳到頁底 (三個箭頭) 無效
3. Discuz! 代碼輔助輸入功能不夠正確
4. 應賅跟 3 的情況類似、表情符號輸入點選、只會在文章最末端
5. HTMLEdit 只能在 IE 底下使用 (已有解法、慢慢處理)

cychang

2. 頁面右上角的跳到頁底 (三個箭頭) 無效

這是因為 anchor 的名字有錯。
根據 http://www.w3.org/TR/REC-html40/struct/links.html 的建議，
你的 anchor 寫法原本是

<a name="#bottom"></a>

要改為

<a name="bottom"></a>

沒有 # 才對。

[ Last edited by cychang on 2004-12-27 at 02:13 ]

mfhsieh

Originally posted by 阿輝 at 2004-12-27 01:40:
2. 頁面右上角的跳到頁底 (三個箭頭) 無效

這應該是底端的

1. <a name="bottom"></a>

複製代碼

誤植為

1. <a name="#bottom"></a>

複製代碼

--

雞肋，cychang 已經先回答了。

[ Last edited by mfhsieh on 2004-12-27 at 02:20 ]

mfhsieh

不相容處回報，

HTMLEdit 只能在 IE 底下使用。

阿輝

ok 這點目前已修正完成

Originally posted by 阿輝 at 2004-12-27 01:40 AM:
2. 頁面右上角的跳到頁底 (三個箭頭) 無效

阿輝

Originally posted by mfhsieh at 2004-12-27 02:21 AM:
不相容處回報，

HTMLEdit 只能在 IE 底下使用。

這點我查一下
HTMLAera 3 應賅就可以支援 Mozilla

不過牽涉比較多，我會慢慢調整

不過話說回來討論區搞不好程式也要大改版了 orz
(不過應賅是明年的事情了)

irvin

Originally posted by 阿輝 at 2004-12-27 01:40 AM:
1. 預設字型大小在 IE / Firefox 有稍微的大小不同, FireFox 稍微比較小

目前發現的解法：
CSS裡改用百分比指定字體大小就會兩邊相同|)

真高興阿輝有這個熱血為非IE瀏覽器修網站

阿輝

Originally posted by irvin at 2004-12-27 02:33 AM:

目前發現的解法：
CSS裡改用百分比指定字體大小就會兩邊相同|)

真高興阿輝有這個熱血為非IE瀏覽器修網站

百... 百分比... =''=a

cychang

關於 "Discuz! 代碼輔助輸入功能不夠正確" 這一點，
不知道有沒有比較明確的狀況，
因為這跟 JavaScript 有關，
原本就會因為 browser 的支援差異而有不同的結果。
只能夠看有什麼問題，就針對那個問題處理。

另外，就是為何插入的文字都會在最後呢？
那是因為在 http://forum.palmislife.com/include/bbcode.js 裡面的 AddText 處理方法，
如果沒有 document.all 的 (IE 有, Firefox 沒有)，就只是插入到最後面，
除非改寫這部份，不然沒辦法。

[ Last edited by cychang on 2004-12-27 at 02:50 ]

TM351

發現不相容處，使用FireFox Mac版1.0。

阿輝

Originally posted by cychang at 2004-12-27 02:43 AM:
關於 "Discuz! 代碼輔助輸入功能不夠正確" 這一點，
不知道有沒有比較明確的狀況，
因為這跟 JavaScript 有關，
原本就會因為 browser 的支援差異而有不同的結果。
只能夠看有什麼問題，就針對那個問題處理。

其中一點就是插入的位置
不會插入到游標的位置
而是都插入到文末

另外一點就是除了直接按會有彈出視窗方式 Key 資料
應賅正常可以先 Mark 要處理的文字串、再按按鈕，會直接將被 Mark 的字串加上語法..

Java script 我就外行了 orz

cychang

Originally posted by 阿輝 at 2004-12-27 02:48 AM:


其中一點就是插入的位置
不會插入到游標的位置
而是都插入到文末

哈哈，不好意思，編輯速度太慢，
答案在上面文章。

另外一點就是除了直接按會有彈出視窗方式 Key 資料
應賅正常可以先 Mark 要處理的文字串、再按按鈕，會直接將被 Mark 的字串加上語法..

Java script 我就外行了 orz

這我要先研究看看 Firefox 的 JavaScript 能不能做到了。

Ruronimomo

Originally posted by TM351 at 2004-12-27 02:46:
發現不相容處，使用FireFox Mac版1.0。

不只是 Firefox Mac 版，Windows 版也有大頭貼無法自動調整大小的問題。不知道是不是跟我裝了 Image Zoom 這個 extension 有關

irvin

Originally posted by Ruronimomo at 2004-12-27 02:56 AM:
不只是 Firefox Mac 版，Windows 版也有大頭貼無法自動調整大小的問題。不知道是不是跟我裝了 Image Zoom 這個 extension 有關

不是，因為我沒有裝也會B)
這部分程式應該是原本Discuz!所寫的部分吧？

cychang

試試看修改一下
http://forum.palmislife.com/include/bbcode.js
裡面的 AddText 部分，
應該可以讓插入的文字在游標處。

1. 
   
2. function AddText(NewCode) {
   
3.         if(document.all){
   
4.                 insertAtCaret(document.input.message, NewCode);
   
5.                 setfocus();
   
6.         }
   
7.         //MOZILLA/NETSCAPE support
   
8.         else if (document.input.message.selectionStart || document.input.message.selectionStart == '0') {
   
9.                 var startPos = document.input.message.selectionStart;
   
10.                 var endPos = document.input.message.selectionEnd;
    
11.                 document.input.message.value = document.input.message.value.substring(0,
    
12. 
    
13. startPos)
    
14.                         + NewCode
    
15.                         + document.input.message.value.substring(endPos, document.input.message.value.length);
    
16.                 setfocus();
    
17.         } else {
    
18.                 document.input.message.value += NewCode;
    
19.                 setfocus();
    
20.         }
    
21. }
    

複製代碼

[ Last edited by cychang on 2004-12-27 at 03:48 ]

阿輝

改了

不過只有前面部分正確
結尾的部分還是在文末

Originally posted by cychang at 2004-12-27 03:46 AM:
試試看修改一下
http://forum.palmislife.com/include/bbcode.js
裡面的 AddText 部分，
應該可以讓插入的文字在游標處。
]

阿輝

Originally posted by TM351 at 2004-12-27 02:46 AM:
發現不相容處，使用FireFox Mac版1.0。

看了一下原始碼
應該是當初修改前的圖片限制寬度

不過照理說應該不要超過表格才對?

nox

已經掛上 HTMLArea3 了？建議最好在 textarea 這個 tag 上加上 style="width: 100%;" 這個樣式，整體看起來比較漂亮說。

阿輝

其實發現原來 HtMLAera 我已經是用 3.0 了@@

哪可能是呼叫方式的問題 @@

阿輝

Originally posted by 阿輝 at 2004-12-27 07:10 AM:
其實發現原來 HtMLAera 我已經是用 3.0 了@@

哪可能是呼叫方式的問題 @@

orz

改了呼叫方式還是失敗
慢慢繼續研究好了

不知道在 W3C 標準中
怎麼去作用 img button 呼叫 Script 載入?

nox

嗯...

不太理解 image button 在 HTML 上的意思；如果指的使用 &lt;a>&lt;img>&lt;/a> 這種架構上的組合的話，就無法在 img 這個 tag 上加 onclick 這種方法；因為 img 這個 tag 不支援。否則就要自行改寫類似像 http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd 的 lib 說，但這絕不是好方法。

所以必須從上一層下手，例如包個 a tag 或是其他支援 onclick 動作的 tag。
補充: 但是必須小心文件結構問題，有些直接掃物件的寫法會出狀況。

[ Last edited by nox on 2004-12-27 at 22:26 ]

阿輝

Originally posted by nox at 2004-12-27 10:20 PM:
嗯...

不太理解 image button 在 HTML 上的意思；如果指的使用 &lt;a>&lt;img>&lt;/a> 這種架構上的組合的話，就無法在 img 這個 tag 上加 onclick 這種方法；因為 img 這個 tag 不支援。否則就要自行改寫類似像 http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd 的 lib 說，但這絕不是好方法。

所以必須從上一層下手，例如包個 a tag 或是其他支援 onclick 動作的 tag。
補充: 但是必須小心文件結構問題，有些直接掃物件的寫法會出狀況。

[ Last edited by nox on 2004-12-27 at 22:26 ]

目前的作法.. 不會動 orz

1. <a href="#" onclick="HTMLArea.replace('message');"><img src="images/ed_color_fg.gif" alt="" title="HTMLEdit" border="0"></a>

複製代碼

nox

在 onclick 的時候，使用 onclick="(new HTMLArea('message',config)).generate()" 試試看；當然別忘事先了要做好設定，如：

&lt;script language="javascript">
&lt;!--
var config = new HTMLArea.Config();
config.editorURL = "..." // 檔案放置位置
// config.OtherSetting = ... -> 請參照所使用的版本說明。
-->
&lt;/script>