2017-02-07 9 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 도움을 주시면 답변을 upvote하고 다른 사람들을 돕기 위해 동의하십시오. –

+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 감사합니다 –