Archive for the ‘ Website ’ Category

[jQuery]《網頁設計-愛上jQuery》讀書心得及評論

使用 JavaScrip 的程式庫來開發網頁的程式可以加快開發的速度,其中 jQuery 也是頗受歡迎的一員。

不過目前可以買得到的 jQuery 中文書籍實在寥寥可數,以下是最近閱讀《網頁設計-愛上jQuery》這本書的心得及評論 (作者是羅子洋)。 Read more

使用 .htaccess 自訂「404 找不到網頁」的頁面

一般我們租用的虛擬主機無法讓我們修改 httpd.conf,所以只能透過使用 .htaccess 來自訂「404 找不到網頁」的頁面。

Read more

[PHP]讓 FCKeditor 瀏覽圖檔時,可以顯示縮圖

FCKeditor 雖然有提供很多種程式語言的檔案瀏覽程式,讓你可以很方便地上傳及插入遠端伺服器上的圖檔,但在瀏覽檔案的同時,我們最需要用到的圖檔卻不能顯示縮圖,感覺很不方便 (應該是故意留了一手)。

雖然官方網站上有建議使用 CKFinder 這支外掛程式來管理伺服器上的檔案,但 CKFinder 卻不是免費的。

思考了一下,雖然我的 PHP 很爛,但只是要做個縮圖的功能應該還難不倒我,於是就花了幾個小時把縮圖的功能實做出來。原理很簡單,只是先在相同目錄下產生 ".thumb.gif" 的縮圖檔,在列示時將縮圖顯示出來。

Read more

CSS 及網頁設計的相關網頁

網頁設計

Read more

[JavaScript]動態網頁設計的相關網頁 (dhtml)

國外網站

中文網站

其它

正規表示式 (Regular Expression) 語法整理

正規表示式 (Regular Expression, 簡寫 regex、regexp 或 RE) 是用於字串比對的小型語言,又稱正則表達式、正規表示法、規則運算式、常規表示法 (Wiki)。

很多程式語言和軟體都會附加「正規表示式」這項功能。在字串的處理上,針對大量、重複、有固定邏輯的文字,正規表示式是非常強而有力的工具! 即便不是程式設計師,在可以在運用到正規表示式的場合 (例如: 文字編輯器),能幫你節省許多文字處理的時間。但是不同的軟體所附加的正規表示式可能略有差異,這部份就要稍加留意。

不過在初學者的眼中,正規表示式卻又像是天書一樣的難以理解。以下文章針對正規表示式的相關語法做解說,你可到線上測試工具,以實際的例子去做測試。

Read more

[JavaScript]讓網頁的「外部超連結」自動開啟在新視窗

在編輯網頁時,如果要讓某個超連結 (Link) 開啟在新的瀏覽器視窗,我們可以在超連結加上「href="_blank"」屬性,但如果超連結很多,要一個一個加上去畢竟麻煩!!

以下的程式碼可以幫你把網頁內所有針對「外部」的超連結自動設為在新視窗開啟。

一般網頁

  1. 將下列程式碼加到網頁的 <head> 區段:
    <script type="text/javascript">
    function parseLink(){
      var tagA = document.getElementsByTagName( "a" );
      re = new RegExp( "^(http://" + document.domain + ")|(javascript:)", "i" );
      for( var i=0; i < tagA.length; i++ ){
        if( !tagA[i].href.match( re ) ){ tagA[i].target = "_blank"; }
      }
    }
    </script>
  2. 在 <body> 標籤內的 onload 事件加入:
    parseLink();

    Ex:

    <body onload="parseLink();">

WordPress 外掛程式

如果你的網站是用 WordPress 架設,可直接在控製台搜尋並安裝「Open external links in a new window」這個外掛程式 (版本: 1.3.1 作者: Kristian Risager Larsen),這樣就不用添加任何程式碼了。

另外需注意,如果本外掛程式與其它像 LightBox、FancyBox...之類的圖片燈箱特效的程式一起使用,有可能會造成同時顯示燈箱特效,又同時將圖片開啟於新視窗!!

[JavaScript]一些好用的 JavaScript 的網址列指令

以下這些 JavaScript 指令,只要打在瀏覽器的網址列即可:

  • 變更視窗大小:
    javascript:window.resizeTo(800,600)
  • 檢視 Cookies:
    javascript:alert("Cookie:"+document.cookie)
  • 列印網頁:
    javascript:print()
  • 幾種網頁轉址與「301 永久搬移」的語法

    轉址的方式分為:

    • 302: 暫時搬移 (Temporarily Moved)
    • 301: 永久搬移 (Permanently Moved)

    Read more

    [PHP]Simple Filelist 簡易檔案列表程式 *

    檔案下載

    • 名  稱: Simple Filelist
    • 版  本: 1.1
    • 檔案大小: 3 KB
    • 語言介面: 英文版
    • 版本性質: Freeware
    • 釋出日期: 2006/11/20
    • 作業平台: Linux
    • 原創網站: Vixual
    • 檔案下載:

    一般網站基於安全性及隱私權…等的原因,管理者通常會將網站上的目錄瀏覽功能(Indexes)給關閉,讓訪客無法直接看到網站上放了些什麼檔案。

    但人性總是予盾的,關閉了的功能,在某些時候又會想要啟用,因為人們總是在失去的時候才感到後悔莫及...(Sorry,離題了)。因此,我就寫了這個簡單的 PHP 小程式,當我們需要在特定目錄啟用瀏覽的功能時 ,除了請管理者幫忙,或者自己修改「.htaccess」之外,只要有這個小程式就可以解決問題了。
    Read more

    return top