PALMisLIFE 討論區

標題: [交流] 網站 FireFox 修正 / 調整計畫 [列印本頁]
作者: 阿輝    時間: 2004-12-27 01:40
標題: [交流] 網站 FireFox 修正 / 調整計畫
希望經由這個計畫

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

目前發現的問題

1. 預設字型大小在 IE / Firefox 有稍微的大小不同, FireFox 稍微比較小
[del]2. 頁面右上角的跳到頁底 (三個箭頭) 無效[/del]
3. Discuz! 代碼輔助輸入功能不夠正確
4. 應賅跟 3 的情況類似、表情符號輸入點選、只會在文章最末端
5. HTMLEdit 只能在 IE 底下使用 (已有解法、慢慢處理)
作者: cychang    時間: 2004-12-27 02:08
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
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    時間: 2004-12-27 02:18
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
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    時間: 2004-12-27 02:21
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
不相容處回報，

HTMLEdit 只能在 IE 底下使用。
作者: 阿輝    時間: 2004-12-27 02:31
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
ok 這點目前已修正完成

Originally posted by 阿輝 at 2004-12-27 01:40 AM:
2. 頁面右上角的跳到頁底 (三個箭頭) 無效
作者: 阿輝    時間: 2004-12-27 02:33
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
Originally posted by mfhsieh at 2004-12-27 02:21 AM:
不相容處回報，

HTMLEdit 只能在 IE 底下使用。


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

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

不過話說回來討論區搞不好程式也要大改版了 orz
(不過應賅是明年的事情了)
作者: irvin    時間: 2004-12-27 02:33
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
Originally posted by 阿輝 at 2004-12-27 01:40 AM:
1. 預設字型大小在 IE / Firefox 有稍微的大小不同, FireFox 稍微比較小

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

真高興阿輝有這個熱血為非IE瀏覽器修網站
作者: 阿輝    時間: 2004-12-27 02:36
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
Originally posted by irvin at 2004-12-27 02:33 AM:

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

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


百... 百分比... =''=a
作者: cychang    時間: 2004-12-27 02:43
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
關於 "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    時間: 2004-12-27 02:46
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
發現不相容處，使用FireFox Mac版1.0。
作者: 阿輝    時間: 2004-12-27 02:48
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
Originally posted by cychang at 2004-12-27 02:43 AM:
關於 "Discuz! 代碼輔助輸入功能不夠正確" 這一點，
不知道有沒有比較明確的狀況，
因為這跟 JavaScript 有關，
原本就會因為 browser 的支援差異而有不同的結果。
只能夠看有什麼問題，就針對那個問題處理。


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

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

Java script 我就外行了 orz
作者: cychang    時間: 2004-12-27 02:53
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
Originally posted by 阿輝 at 2004-12-27 02:48 AM:


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

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

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

Java script 我就外行了 orz

這我要先研究看看 Firefox 的 JavaScript 能不能做到了。
作者: Ruronimomo    時間: 2004-12-27 02:56
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
Originally posted by TM351 at 2004-12-27 02:46:
發現不相容處，使用FireFox Mac版1.0。


不只是 Firefox Mac 版，Windows 版也有大頭貼無法自動調整大小的問題。不知道是不是跟我裝了 Image Zoom 這個 extension 有關
作者: irvin    時間: 2004-12-27 03:37
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
Originally posted by Ruronimomo at 2004-12-27 02:56 AM:
不只是 Firefox Mac 版，Windows 版也有大頭貼無法自動調整大小的問題。不知道是不是跟我裝了 Image Zoom 這個 extension 有關

不是，因為我沒有裝也會B)
這部分程式應該是原本Discuz!所寫的部分吧？
作者: cychang    時間: 2004-12-27 03:46
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
試試看修改一下
http://forum.palmislife.com/include/bbcode.js
裡面的 AddText 部分，
應該可以讓插入的文字在游標處。


  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,

  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 ]
作者: 阿輝    時間: 2004-12-27 04:22
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
改了

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

Originally posted by cychang at 2004-12-27 03:46 AM:
試試看修改一下
http://forum.palmislife.com/include/bbcode.js
裡面的 AddText 部分，
應該可以讓插入的文字在游標處。
]
作者: 阿輝    時間: 2004-12-27 04:24
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
Originally posted by TM351 at 2004-12-27 02:46 AM:
發現不相容處，使用FireFox Mac版1.0。


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

不過照理說應該不要超過表格才對?
作者: nox    時間: 2004-12-27 07:04
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
已經掛上 HTMLArea3 了？建議最好在 textarea 這個 tag 上加上 style="width: 100%;" 這個樣式，整體看起來比較漂亮說。
作者: 阿輝    時間: 2004-12-27 07:10
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
其實發現原來 HtMLAera 我已經是用 3.0 了@@

哪可能是呼叫方式的問題 @@
作者: 阿輝    時間: 2004-12-27 07:24
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
Originally posted by 阿輝 at 2004-12-27 07:10 AM:
其實發現原來 HtMLAera 我已經是用 3.0 了@@

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


orz

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

不知道在 W3C 標準中
怎麼去作用 img button 呼叫 Script 載入?
作者: nox    時間: 2004-12-27 22:20
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
嗯...

不太理解 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 ]
作者: 阿輝    時間: 2004-12-27 23:44
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
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    時間: 2004-12-28 03:27
標題: Re: [交流] 網站 FireFox 修正 / 調整計畫
在 onclick 的時候，使用 onclick="(new HTMLArea('message',config)).generate()" 試試看；當然別忘事先了要做好設定，如：

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



歡迎光臨 PALMisLIFE 討論區 (http://f.pil.tw/) Powered by Discuz! X2.5