2017-02-07 82 views
2

This site演示社交分享代碼,例如「分享到Facebook」。在這裏,單擊左側的鏈接可打開模態窗口中的共享。他們的代碼:如何在模式窗口中打開主播,而不是新標籤

<!-- Facebook --> 
<a href="http://www.facebook.com/sharer.php?u=https://simplesharebuttons.com" target="_blank"> 
    <img src="https://simplesharebuttons.com/images/somacro/facebook.png" alt="Facebook" /> 
</a> 

我想類似的效果,我有以下anchor但在新標籤打開。我希望它在模式窗口打開

<a href="http://www.facebook.com/sharer.php?u=http://www.idybrand.com/" title="Share on Facebook" target="_blank" > 
    <img alt="Share on Facebook" width="40" height="40" src="img/social_media/facebook.svg"> 
</a> 

我怎麼能做到這一點嗎?可能使用Bootstrap?

回答

2

這個替換您的代碼::

<a href="http://www.facebook.com/sharer.php?u=http://www.idybrand.com/" title="Share on Facebook" target="popup" onclick="window.open('http://www.facebook.com/sharer.php?u=http://www.idybrand.com/','popup','width=600,height=600'); return false;"> 
<img alt="Share on Facebook" width="40" height="40" src="img/social_media/facebook.svg"> 
</a> 

它會運行

+0

謝謝。這正是我所期待的! –

+0

@DaveChambers如果它幫助你,請提出答案並接受它來幫助別人。 –

+0

我可以...在4秒內 - 只是等待;-) –

2

您可以使用它。我希望它有幫助。

<a onclick="window.open('https://www.facebook.com/','mywindow','width=640,height=360')" href="javascript:void(0)"><button>Click FB</button></a> 
+0

感謝。這確實有效,但我不得不稍微調整代碼,所以我接受了Rana的答案,因爲它更「準備使用」。但是謝謝你的幫助。我upvoted你的答案 –

+1

快樂編碼:) –

+0

@DaveChambers謝謝 –

相關問題