2011-09-05 68 views
0

我見過一對夫婦的相似,我有什麼問題,但沒有解決方案,我見過的工作,包括Facebook的皮棉工具。我的Facebook生成的代碼,模逃生(了window.location的),目前註釋掉,並且是在什麼幾乎是光禿禿的JavaScript包括:爲什麼我的Facebook Like按鈕被破壞?

document.write('<iframe src="http://www.facebook.com/plugins/like.php?app_id=142676242492854&amp;href=' + escape(url) + '&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=verdana&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:167px; height:40px;" allowTransparency="true"></iframe>'); 

或者基於皮棉工具的另一個:

document.write('<iframe src="http://www.facebook.com/plugins/like.php?href=' + escape(url) + " scrolling="no" frameborder="0" style="height: 62px; width: 100%" allowTransparency="true"></iframe>'); 

有幾個調整的東西,我只是想要一個光禿禿的按鈕,沒有關於點擊按鈕的朋友的註釋,但我並沒有擺弄那個;我還有一個問題。

如果您按一下按鈕,它改變了片刻,說你喜歡它;但是按鈕的背景不會從淺灰色變爲藍色。此外,它不會穿過頁面重新加載。

是否有代碼我能/應更換以上的JavaScript與包括工作Like按鈕?該網站是在http://JonathansCorner.com和代碼行(註釋掉)在全站JavaScript的包括。

回答

4

文件撰寫是邪惡的,不使用它。

如果它是一個靜態頁面(該網站似乎是),那麼只需添加的iframe在你想要的HTML的身體。

如果你真的想加入JS按鈕客戶端,使用JS SDK(https://developers.facebook.com/docs/reference/javascript),並添加按鈕,像這樣:

var dynLike = document.createElement('fb:like'); 
dynLike.setAttribute('href', myEncodedURL); 
dynLike.setAttribute('send', 'false'); 
dynLike.setAttribute('width', '450'); 
dynLike.setAttribute('show_faces', 'false'); 
document.body.appendChild(dynLike); // Or wherever you want it 
FB.XFBML.parse(); 
+0

我的網站是成千上萬的靜態頁面和兩個JavaScript包括通過使用大部分是靜態頁面。我希望按鈕出現在包含的頁面部分中。你確定手動添加按鈕到2000頁是不是比document.write()更邪惡? – JonathanHayward

+1

不,我是說,如果你想使用JavaScript來動態地添加類似按鈕,在客戶端使用JS SDK,而不是文件撰寫 – mrtom

+1

這篇對你的工作? – mrtom