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

阿輝

希望經由這個計畫

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

目前發現的問題

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

nox

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

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

阿輝

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

不太理解 image button 在 HTML 上的意思；如果指的使用 <a><img></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

嗯...

不太理解 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 阿輝 at 2004-12-27 07:10 AM:
其實發現原來 HtMLAera 我已經是用 3.0 了@@

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

orz

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

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

阿輝

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

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

nox

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

阿輝

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

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

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

阿輝

改了

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

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

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 ]

irvin

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

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

Ruronimomo

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

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

cychang

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


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

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

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

Java script 我就外行了 orz

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

阿輝

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

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

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

Java script 我就外行了 orz

TM351

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

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 ]

阿輝

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

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

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

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

irvin

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

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

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

阿輝

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

HTMLEdit 只能在 IE 底下使用。

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

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

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

阿輝

ok 這點目前已修正完成

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

mfhsieh

不相容處回報，

HTMLEdit 只能在 IE 底下使用。

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 ]

cychang

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

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

&lt;a name="#bottom"&gt;&lt;/a&gt;

要改為

&lt;a name="bottom"&gt;&lt;/a&gt;

沒有 # 才對。

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