Archive for ‘ 九月, 2007

解決當 Blogger 的 "隱藏全文/繼續閱讀" 功能因為點選較新或較舊的文章而失效的狀況

在 Blogger 加入 “隱藏全文/繼續閱讀” 的功能之後,會因為點選 Blogger 下方的 "較新" 或 "較舊" 的文章連結而導致功能失效!!

會失效原因是因為你在點 "較新" 或 "較舊" 的連結時,所要切換的內容會以 AJAX 的方式載入,而大家所寫的 “隱藏全文/繼續閱讀” 都是以 JavaScript 所寫的,當 AJAX 直接切換內容時,並沒有觸發到用 JavaScript 所寫的程式,所以,我們要做的就是讓 AJAX 的這個功能失效。

修改 Blogger 範本,點選 “展開小裝置範本”,找到下列原始碼,這些原始碼就是新舊文章的連結,將 “紅色” 的字串去掉,最後再存檔即可:

<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

理財試算 貸款計算機 *

原本只是要寫一個貸款的計算程式,結果看到了其它的計算公式,就順便寫一寫。版權沒有,想要就自行檢視網頁原始碼,拿去用。

本息平均攤還試算

本息平均攤還法是將本息一起平均在貸款期間償還,每期償還的本利和都一樣,比較方便理財,為最常用之貸款償還辦法。

Read more

將 Blogger 中的標籤改成標籤雲(Tag Cloud)

當 Blogger 中的文章一多,標籤也跟著變多,而 Blogger 的標籤元件就會變得落落長,不好看也不好搜尋。

這時候如果改成 “標籤雲” 就會是一個不錯的作法。在標籤雲中運用字體大小及顏色的變化,就可以很快的找你要的標籤。

修改步驟

  1. 編輯 Blogger 樣板,並 “展開小裝置範本”。
  2. 在 <Style> 區塊內加入:
    #Label1 ul { font-family:Arial; padding:0px; text-align:justify; }
    #Label1 li { display:inline; }
  3. 搜尋 </head>,在上一行加入:
    <script>
    function parseTag(){
      var tagA = document.getElementsByTagName('a');
      for(var i=0; i<tagA.length; i++){
        if(tagA[i].id == 'tag'){
          var tag = tagA[i];
          var width = tagA[i].title;
          tag.style.fontSize = 14 + parseInt(width/5);
          tag.style.color = 'rgb(0,0,' + width*5 + ')';
        }
      }
    }
    </script>

    其中的第 8 行可用來調整字體大小,第 9 行用來調整顏色變化。

  4. 繼續搜尋 <body>,在標籤內的 onload 事件加入:
    parseTag();
  5. 繼續搜尋:
    <li>
      <b:if cond='data:blog.url == data:label.url'>
        <data:label.name/>
      <b:else/>
        <a expr:href='data:label.url'><data:label.name/></a>
      </b:if>
      (<data:label.count/>)
    </li>

    取代成:

    <li>
      <b:if cond='data:blog.url == data:label.url'>
        <a id="tag" expr:title='data:label.count' expr:href='data:label.url'><u><data:label.name/></u></a>
      <b:else/>
        <a id="tag" expr:title='data:label.count' expr:href='data:label.url'><data:label.name/></a>
      </b:if>
    </li>
  6. 存檔完成。

CSS 及網頁設計的相關網頁

網頁設計

Read more

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

國外網站

中文網站

其它

Linux 編譯套件時的注意事項

因為 Linux 上的套件都是 OpenSource 的套件,所以我們可以下載套件的原始碼來使用。但因為每個人電腦的環境都不相同,所以程式如果要能夠在自己的電腦執行,必須要經過 “編譯”。

編譯套件的程序

  1. 環境配置(./configure): 配置完成會產生一個 “Makefile” 檔案
  2. 編譯套件(make): 依據上一個步驟產生的 “Makefile” 來進行編譯,編譯完成後,會產生執行檔。
  3. 安裝套件(make install): 將上一個步驟產生的 “執行檔” 安裝到特定的目錄

注意事項

  1. 原始檔都下載及解壓到 [/usr/local/src]
  2. 執行環境配置時(./configure),可以加上 “–prefix=/usr/local/套件名稱” 參數,將程式安裝在 [/usr/local/套件名稱]
  3. 較完整的安裝指令為
    make clean
    make
    make check
    make install

參考網頁

變更 Firefox 的網頁原始碼檢視程式

我習慣用來寫程式的編輯器為「emEditor」,所以 emEditor 所附帶的「emedhtml.exe」也是我最慣用的網頁原始碼檢視及編輯程式,相較之下,Firefox 預設的檢視工具只能算是堪用而已。

那要如何將 Firefox 的原始碼檢視工具換掉?

  1. 首先,在網址列輸入「about:config」以進入登錄設定。
  2. 將參數「view_source.editor.path」設為編輯器的完整路徑,例如「C:\Program Files\EmEditor\emedhtml.exe」。
  3. 將參數「view_source.editor.external」設為「true」。

這樣就大功告成了。

另外,你也可以使用外掛的原始碼檢視程式,它們都有附加一些強大的功能:

本站推薦的 Thunderbird 擴充套件 (Addons)

好用的

其他

  • Clippings: 讓你儲存常用的文字資料,方便貼上郵件內容。
  • XNote++: 郵件的便利貼,方便你編寫郵件的備註事項。
  • Display Mail User Agent T: 以圖示顯示寄件者的郵件軟體或郵件系統。
  • HTML Source Editor: 編輯郵件原始碼。
  • Manually sort folders: 可以將帳號或郵件匣手動排序。
  • Mail Merge: 這套件讓你做到像電子報發信機一樣的客製化欄立功能。
  • Provider for Google Calendar: 新版的 Thunderbird 已經整合 Google 日曆了,只需在新增行事曆時,選擇「存放於網際網路」,然後在「使用者名稱」輸入你的 Gmail 帳號,即可連結 Google 日曆。但 Thunderbird 只能連結 Gmail 帳號擁有人的日曆,不能存取別人共用給你的日曆,也不能存取 Google Tasks! 安裝本套件可讓你連結別人共用的日曆與 Google Tasks。
  • Darko: Thunderbird 雖提供暗色的佈景主題,但套用暗色的佈景主題之後,郵件的內容仍是白底的! 安裝此套件可將郵件的內容處理成暗色系,並優化郵件的文字內容 (但不到很完美)。

附件問題

ThunderBird 有時會有一些附件的問題,這些問題通常來自 MS Outlook 使用非標準的格式所導致:

  • 當你收到的附件變成「winmail.dat」,請安裝 LookOut 這個外掛程式。
  • 當你收到的附件變成「ATTxxxxxx」,則請進入 ThunderBird 的「設定編輯器」,將「mail.strictly_mime.parm_folding」參數設為 0 或 1。

參考網頁

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

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

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

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

Read more

Linux 的相關網頁

教學

討論區

手冊

套件下載

其它

return top