共有ボタンをクリックした後にボタンをアクティブにします

Question

共有ボタンをクリックした後にダウンロードボタンをアクティブにする共有ボタンを作成しようとしています。しかし、私が書いた機能は信頼できるものではなく、他の共有ボタンとは何のアプリで作業している。私のために正常に動作し

div class="fb-share-button" data-href="https://youtu.be/1IRh28kJOyA" data-action="activate()" data-layout="button" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fyoutu.be%2F1IRh28kJOyA&amp;src=sdkpreparse" data-action="activate()">Share</a></div> 
    <a href="#"> 
      <g:plus action="share" data-href="https://youtu.be/1IRh28kJOyA" data-onendinteraction=activate()></g:plus> 
    </a> 
    <a onclick="activate()" href="https://twitter.com/share" data-text="Kaarunyam | Ps Anoke Praveen Kumar | Tamil christian song 2017 [official] " data-url="https://youtu.be/1IRh28kJOyA" class="twitter-share-button" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 
    <a onclick="activate()" href="whatsapp://send?text=https://youtu.be/1IRh28kJOyA"><i class="fa fa-whatsapp"></i></a>   
    <br> 
    <input type="submit" id="submit" name="download" value="Download"> 
</form> 
<p id="demo"></p> 
<script> 
    document.getElementById("submit").setAttribute("disabled", "disbled"); 
    function activate() 
    { 
     document.getElementById("submit").removeAttribute("disabled") 
    } 

</script> 

Answer 1

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" /> 
 
<form> 
 
    <div onclick="activate()" class="fb-share-button" data-href="https://youtu.be/1IRh28kJOyA" data-action="activate()" data-layout="button" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fyoutu.be%2F1IRh28kJOyA&amp;src=sdkpreparse" data-action="activate()">Share</a></div> 
 
    <a href="#"> 
 
    <g:plus action="share" data-href="https://youtu.be/1IRh28kJOyA" data-onendinteraction=activate()></g:plus> 
 
    </a> 
 
    <a onclick="activate()" href="https://twitter.com/share" data-text="Kaarunyam | Ps Anoke Praveen Kumar | Tamil christian song 2017 [official] " data-url="https://youtu.be/1IRh28kJOyA" class="twitter-share-button" data-show-count="false">Tweet</a> 
 
    <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><br/> 
 
    <a onclick="activate()" href="whatsapp://send?text=https://youtu.be/1IRh28kJOyA"><i class="fa fa-whatsapp"></i></a> 
 
    <br> 
 
    <input style="margin-top:20px;" type="submit" id="submit" name="download" value="Download"> 
 
</form> 
 
<p id="demo"></p> 
 
<script> 
 
    document.getElementById("submit").setAttribute("disabled", "disabled"); 
 

 
    function activate() { 
 
    document.getElementById("submit").removeAttribute("disabled") 
 
    } 
 
</script>

。

fb-share-button divにクリックしてください。

とplnkr =中>http://plnkr.co/edit/RjH5jjQhO5gn6ZhCAC8P?p=preview