跳到主要內容

Facebook - How to open a new window with the fb:profile-pic?

在FBML的語法中,fb:profile-pic標籤提供顯示使用者大頭照功能,詳細的屬性設定可以參考SDK。而我所遇到的問題是: 點擊顯示出來的大頭照連結後,原先所期望的是導向這個使用者的個人頁面,但卻會將本頁導向至空白頁面。會發生這個問題可能和採取iframe顯示模式有關。其實我所希望的是能夠再另外一個視窗或tab,顯示出使用者的個人頁面。然而觀察下圖的html內容,a的標籤內並沒設定target='_target',因此這個動作只能由我們自己來做處理。


在使用fb:profile-pic的標籤後,會透過FB.XFBML.parse將這個節點parse一遍,而API會將對應的超連結與顯示圖片html內容給insert進去。

FacebookUtillity.parseXFBML = function(domID){
	FB.XFBML.parse($("#" + domID)[0]);
};

一開始是在呼叫FacebookUtillity.parseXFBML後,再將insert target='_blank'給insert到a的標籤內。但FB.XFBML.parse似乎是非同步的function,因此我改透過它所提供的callback function,並透過JQuery API去尋訪圖片超連結標籤。我們只要透過下面的方式,就可以順利將target='_blank'的屬性帶給大頭照的連結。

FacebookUtillity.parseXFBML = function(domID){
	FB.XFBML.parse($("#" + domID)[0], function(){
		$("#" + domID).find('a[class="fb_link"]').attr('target','_blank');
	});
};

透過這個方式,我還可以將發佈至塗鴉牆的功能bind到頭像上。

在2012年9月之後,常常發現_blank並沒有被append到link中。FB.XFBML.parse並不如文件所說的,會等element產生後才呼叫callback function。為了解決這個問題,我改透過setTimeout的方式去呼叫原本要做的事情。

這也是偶然發現的問題!

留言

這個網誌中的熱門文章

PostgreSQL - Unattended installation on windows

Introduction 要將別人軟體包裝到自己軟體中,不可或缺的東西就是Unattended installation。以Unattended installation來說,我們可以選擇透過Installer的silent mode安裝,也可以透過把目標軟體做成portable的版本。本篇文章分享這兩種方法,教導大家如何將PostgreSQL透過Unattended installation方式安裝到目標系統成為service。 Note. 本篇以PostgreSQL 10.7為例。 Install with installer Tips 安裝程式或反安裝程式的參數,除了可以直接上官網搜尋Installation User Guide以外,也可以直接使用help參數查詢: postgresql- 10.7 - 2 -windows-x64.exe --help Windows安裝程式主要有EnterpriseDB與BigSQL兩種。BigSQL版本安裝元件是透過網路下載且支援參數不如EnterpriseDB版本多,以我們需求來說,我們傾向於使用EnterpriseDB版本。接下來分享給大家安裝與反安裝方法。 Installation @ echo off set INSTALL_DIR =C:\postgres10 set INSTALLER =postgresql- 10.7 - 2 -windows-x64.exe   rem options for installation set SSMDB_SERVICE =postgresql- 10 set MODE =--unattendedmodeui none --mode unattended   set DB_PASSWD =--superpassword postgres set DB_PORT =--serverport 5432   set SERVICE_NAME =--servicename % SSMDB_SERVICE %   set PREFIX =--prefix "%INSTALL_DIR%" set DATA_DIR =--datadir "%INSTALL_DIR%\data"   set OPTIONS =

How to install RIDE on Windows?

Introduction 多年沒在Windows上開發RobotFramework,趁著這次整理一下RIDE安裝方法。 目前RIDE最新版本與Python對應版本如下: (3.6 < python <= 3.11) Install current released version (2.0.8.1) with: pip install -U robotframework-ride 安裝Python 直接到Python官網找尋最新的3.11版本,我使用3.11.9: link 。安裝就是一直下一步而已。 安裝wxPython 每次安裝RIDE最困難的都是wxPython。看了一下 官網 描述,我就姑且相信一下: 接著進入下 載頁面 就有安裝教學。基本上就是到Python目錄下的Scripts直接執行以下command: pip install -U wxPython 安裝RIDE 接著就如RIDE官網所說,執行以下command: pip install -U robotframework-ride 啟動RIDE 直接在相同目錄下執行ride就可以啟動了,你也可以直接在桌面建ride連結,加快下次啟動時間。 沒想到這次這麼順利就安裝完成了。因為我是使用java去啟動robot framework,就不特別講要怎麼使用pip安裝robot framework了。

Hello World!

即將要搬家,因此舊網頁內容將慢慢轉移至Blogger。 如果要存取舊網頁,可以使用以下連結: https://wiki.tonylin.idv.tw/dokuwiki/doku.php