javascript | 聰明的生活

在pixnet部落格裡增加facebook like 讚按鈕

2010-07-202010-08-06 yku 16 Comments

facebook有需多的外掛元件，可以從facebook developers裡面找到設定並安裝，這裡介紹如何在pixnet blog裡安裝”讚”這個按鈕。

一般不另任設定時，pixnet blog只能固定在某一個區塊顯示＂讚＂按鈕，像是在公告區塊或是左右側欄，不過這樣子並不太好用，而且也不能自動變換要推薦的文章網址（如何取得like button可參考 [分享] 如何在部落格上放入Facebook的「讚」？），就像下圖：（facebook plugin like button）

pixnet公告版位加入讚

如果要放在其它地方要如何做呢？這裡示範在標題下方依每個標題連結自動產生一個讚的按鈕出來，結果會如下圖。

網頁post自動產生iframe

2010-02-022019-04-03 yku 2 Comments

大部份在寫網頁要上傳檔案時都需要使用到iframe做一個中繼，可是如果上傳POST時有錯訊息時，前一個iframe資料就會變成記錄history，而此時如果使用者重新整理時，就會遇到暫存資料的問題，iframe裡的內容會再被執行一次。

以下有一個JavaScript方法，可以在檢查完所有form條件時才自動建立iframe內容createiFrame做post動作，而重新整理時（或第一次進入此畫面時）又不會真實存在，來解決暫存的問題。

當呼叫createIFrame時，會在body這一個tab建立一個iframe元素，並把需求屬性設定好，像是frameborder=0、width=0、height=0等。

function createIFrame() {
        if (!document.getElementById("_hiddenframe"))
        {
            var frame = document.createElement("iframe");
            frame.setAttribute("name", "_hiddenframe1");
            frame.setAttribute("src", "about:blank");
            frame.setAttribute("frameborder", "0");
            frame.setAttribute("height", "0");
            frame.setAttribute("width", "0");
            frame.setAttribute("id", "_hiddenframe");
            frame.name = "_hiddenframe";
            document.body.appendChild(frame);
            window.frames._hiddenframe.name = "_hiddenframe";
            document.getElementsByTagName("body")[0].appendChild(frame);

        }

    }