facebook

reinitialize the facebook social plugin on infinite scolling

一般 facebook social plugin 初始化方式會是以下的程式碼,藉由引入外部 javascript 檔案作第三方服務需要的事情,以臉書來說就是判別 fb-root,根據裡面的屬性產生像是「讚」的按鈕。觸發時機多是在第一次網頁讀取完成的同時執行。 而 infinite scrolling 產生更多網站內容的作法流程是,隨著網頁滾動,不斷透過 ajax 方式讀取後台資料呈現出來,導致產生出來的 facebook social plugin 程式碼沒有辦法被初始化。 <div id="fb-root"

  • hothero
    hothero
2 min read
javascript

facebook authorization with popup window (經由彈出視窗進行facebook認證) using PHP and javascript

一般使用facebook PHP SDK做登入都是採用getLoginUrl函式取得連結(如官方此範例),認證完後會轉址回來並帶些facebook認證確認的state、code等get參數,在使用者體驗上非常的不好,甚至有可能在已帶有get參數的頁面上再轉址回來後會導致異常。 在此使用Facebook PHP SDK 3.0搭配javascript的方式,用popup window做認證。今年年初Facebook PHP SDK 3.0的更新中已有搭配javascript的範例,但有認證成功後無窮reload迴圈的問題,網路上普遍是IE發生問題,筆者本身是在Mac的chrome有此問題(問題出在下方的程式碼)。 FB.Event.subscribe('auth.login', function(response) { // do something

  • hothero
    hothero
4 min read

Subscribe to hothero's TechNote