新しいタブではなく、モーダルウィンドウでアンカーを開く方法

Question

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> 

どのように私はこれを達成することができますしてください。私はそれがモーダルウィンドウで開くようにしたいですか？おそらくブートストラップを使用していますか？

Answer 1

これであなたのコードを置き換え::

<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> 

をそれは...

Answer 2

これは使用できます。私はそれが助けて欲しい

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