瀏覽器 Grid 套件心得

jQuery 系列:
jQuery Grid Plugin

ExtJS 系列:
GridView3 Example

ExtJS 的 GridView3 介面美觀,捲動起來非常順暢(觸感好),但是 ExtJS 的套件實在有夠大,而且商業用途需要購買授權。

jQurey Grid plugin 捲動起來稍微FPS不足的感覺,不論是在 Firefox 或在 Google Chrome 都一樣,但是以功能面來說,已經符合使用上的需求。

stackoverflow 有主題 JavaScript data grid for millions of rows 在討論大量資料筆數時,幾種 grid 工具的使用狀況,其中 SlickGrid 作者提到捲動的順暢度要看 onscroll events (惡名昭彰的 ),我倒是蠻好奇 ExtJS (YUI) 是怎樣處理掉這個問題點的。

參考:
YUI Library Examples: DataTable Control: XY-scrolling, Y-scrolling, and X-scrolling

需要驗證:
How to make div follow scrolling smoothly with jQuery?

onscroll events
分類: Web technology | 標籤: , , , | 在〈瀏覽器 Grid 套件心得〉中留言功能已關閉

IE Table align="center" issue

在 IE8,HTML 中的巢狀表格,上層的表格如果有設定 align="center",會影響到裡面的子表格以及 cell (<td>) 都跟著置中,而其他瀏覽器 (Firefox, Chrome) 則是依舊維持預設對齊方式,這在設計時需要注意,尤其像筆者主要是使用 Firefox,客戶絕大部分都是使用 IE,常常頁面出去後客戶反映表格內容怪怪的,不過這些案例都發生在網站的版是客戶提供的,筆者製作的都大量使用 CSS、DIV,不是用表格切版。

參考:
表(table)の中央揃え:CSS入門

分類: Web technology | 標籤: | 在〈IE Table align="center" issue〉中留言功能已關閉

微軟關閉 Windows Live Messenger 2009 對話視窗的超連結功能

參閱:
http://www.dotblogs.com.tw/chou/archive/2010/11/08/19276.aspx
Security alert: Active links in Messenger 2009 temporarily turned off to prevent a malicious worm
RE-ENABLE LINKS IN MESSENGER 09

分類: 資訊技術相關雜記 | 標籤: | 在〈微軟關閉 Windows Live Messenger 2009 對話視窗的超連結功能〉中留言功能已關閉

PHP 5.2 + FastCGI for IIS6 安裝及設定

  1. 下載 FastCGI for IIS6
  2. 下載 PHP (ZIP, Non Thread Safe 即可)
  3. 停止 IIS 服務
  4. 安裝 FastCGI for IIS6
  5. 解壓縮 PHP 到 D:\PHP
  6. 到 D:\PHP,複製 php.ini-recommended.ini 成為 php.ini
  7. 調整 php.ini 設定:(D:\PHP\php.ini)
    PHP 主要設定:

    extension_dir = "D:/PHP/ext/"

    Extension 設定: (視情況)

    extension=php_curl.dll
    extension=php_gd2.dll
    extension=php_mbstring.dll
    extension=php_mysql.dll
    extension=php_mysqli.dll
    extension=php_pdo.dll
    extension=php_pdo_mysql.dll
    extension=php_pdo_sqlite.dll
    extension=php_sqlite.dll

    FastCGI 相關設定:

    fastcgi.impersonate = 1;
  8. 調整 fcgiext.ini 設定:(C:\WINDOWS\system32\inetsrv\fcgiext.ini)
    [Types]
    php=PHP
    
    [PHP]
    ExePath=D:\PHP\php-cgi.exe
    InstanceMaxRequests=10000
  9. 增加系統環境變數:(讓 PHP 到 D:\PHP 裡去讀取 php.ini,要不然 PHP 會去 WINDOWS 目錄裡找)
    變數名稱:PHPRC 變數值:D:\PHP

    增加系統 PATH 路徑:(執行 php.exe 用)

    D:\PHP
  10. 啟動 IIS 服務
  11. 調整 IIS 設定:
    網站/內容/主目路/設定/對應/應用程式副檔名/新增

    執行檔: C:\WINDOWS\system32\inetsrv\fcgiext.dll
    副檔名: .php
    指令動詞/限制為: GET,HEAD,POST
    指令碼引擎: checked
    確認該檔案是否存在: checked

    網站/內容/文件/啟用預設內容頁/新增

    index.php
  12. 檢查:
    IIS 網頁服務延伸 : FastCGI Handler 已允許
    PHP: CMD > php -v
    WEB: <?php phpinfo(); ?>
分類: Web technology | 標籤: , , | 在〈PHP 5.2 + FastCGI for IIS6 安裝及設定〉中留言功能已關閉

Firefox Plugin: Web Developer min-width hack

這只是一個小小的修改

因為 Web Developer 1.1.8 在檢視表單資訊的這項功能所產生的資訊表格太寬了,在 1024x768 的螢幕裡會需要橫向捲動,因此稍微修改了它的檔案以符合個人使用的需求。

修改法:

  1. 進入 [個人Profile]\extensions\{c45c406e-ab73-11d8-be73-000a95be3b12}\chrome 目錄
  2. 用 UltraEdit 或是其他 Binary Editor 打開 webdeveloper.jar
  3. ASCII 尋找 min-width: 10em
  4. 改小一點 (我改成 5em)

這樣就可以不用橫向捲動條了!

分類: Web technology | 標籤: | 在〈Firefox Plugin: Web Developer min-width hack〉中留言功能已關閉