Archive for the ‘ Website ’ Category

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

國外網站

中文網站

其它

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

正規表示式 (Regular Expression, 簡寫 regex、regexp 或 RE),又稱正則表達式、正規表示法、規則運算式、常規表示法 (Wiki)。

在字串的處理上,針對大量、重複、有固定邏輯的文字,那「正規表示式」是非常 Powerful 的工具! 即便不是程式設計師,在可以運用到「正規表示式」的場合 (例如: 文字編輯器),也可以幫你節省許多文字處理的時間。

但是在初學者的眼中,正規表示式卻又像是天書一樣的難以理解。以下文章僅針對正規表示式的相關語法做解說,初學者可以撘配本站轉載的文章「PHP 正規表示式基本語法」去理解,再進入線上測試工具,以實際的例子去做測試。

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

    [轉載]利用 google 半秒破 500 網

    轉載自: 黑客基地


    其實 google 搜尋器變了駭客工具也不是新聞,老手早亦用到,新手的也可來試試。

    只要將以下字串作搜尋的話,你都得到很多密碼,當然若要得心應手便需要更多研究及借助其他軟件,但初步先懂得去找。

    inurl

    「inurl」是駭客重要的搜尋方法,可搜到網址包括的關鍵字,例如輸入「allinurl:login password」作搜尋,便會很易找到有 login 和 password 的網頁。

    filetype

    「filetype」是駭客專用語法,例如想找 mdb 的資料庫檔案,可用「password filetype:mdb」作搜尋,便會找到密碼文件,進階用法可配合 inurl: 使用,例如 girl filetype:jpg site:com 便可搜到所有 .com 網站,而檔案為 girl.jpg 或網頁內容有 girl 字串的網頁。

    Index of /admin

    Index of /admin」搜到的結果大多數是容許使用 index browsing 的網站,隨便按下一個連結便看到網站的資料夾和檔案分佈。

    Read more

    各種資料手冊下載,強力推薦

    Cheat Sheet Roundup 是一個很棒的網站,內有作業系統、程式設計、資料庫、網頁設計…等 30 餘種相關的資料手冊可供下載(包含一些單頁的 Data Sheet 可以用來貼在自己的座位牆板上),對於設計師與相關資訊人員,都是很好的參考資料,強力推薦。

    [轉載]傳統編輯對部落格新手的寫作建議:一個呼籲

    轉載自: 老貓學出版


    這半年來台灣的部落格風潮,可說是越颳越興旺,許多優秀的傳統媒體寫作者,大量轉移寫作平台,開始建立自己的部落格。但這時我卻發現「會寫作」和「會寫部落格」之間,還有著相當的落差。許多人有非常棒的學養和見解,可惜文章貼出來卻讓人難以卒讀。

    不是因為見解不深刻,也不是因為文筆欠優美,而是因為文章讓人「看」不下去──文章密密麻麻,版面沒有考慮「易讀性」,讀者眼睛疲勞,讀來自然備感痛苦。你等於加設了一道辨讀文字的關卡,擋在讀者理解文意之前,讀者還沒來得及思考你說了什麼,一上站先就被缺乏易讀性的版面打敗了。

    部落格是個「一貼上就發表」(post and publish)的出版工具,從寫作到發表,沒有任何距離,不像傳統媒體,中間還有一個叫做編輯的傢伙,幫你調整段落、設定格式,讓你的文章印成鉛字以後,你越看越滿意。

    Read more

    兩個跟 "鉛筆" 有關的 FLASH 動畫 *

    動畫一

    動畫二

    return top