Как открыть якорь в модальном окне, а не в новой вкладке

Question

На этом сайте представлен код для обмена информацией в социальных сетях, например, "поделиться с 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?

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>