documentのonloadでツイートボタンが処理されないテスト2

documentのonloadでツイートボタンが処理されないテスト1のソースで1のscript部分だけを削ったテスト

1.ページ内にべた書きしたツイートボタン

2.documentのonload後にappendして表示しようとするツイートボタン

<p>
1.ページ内にべた書きしたツイートボタン
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja">ツイート</a>
</p>

<p>
2.documentのonload後にappendして表示しようとするツイートボタン
<span id="onloadTweetBtn"></span>

<script type="text/javascript">
var showTweetBtn = function() {
    var oTB = document.getElementById( 'onloadTweetBtn' )
    , anc = document.createElement( 'a' ) 
    , txt = document.createTextNode( 'ツイート' )
    , scr = document.createElement( 'script' )
    ;

    anc.href = 'https://twitter.com/share'
    , anc.className = 'twitter-share-button'
    , anc.setAttribute( 'data-lang', 'ja' )
    , anc.appendChild( txt )
    ;

    scr.text = "!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');";
    
    oTB.appendChild( anc )
    , oTB.appendChild( scr ); }
    ;

    if( window.attachEvent ){
     window.attachEvent( 'onload', showTweetBtn );
    }else{
     window.addEventListener( 'load', showTweetBtn );
    }
</script>
</p>

元記事[ js ]ツイートボタンが表示されない件

Related Posts Plugin for WordPress, Blogger...

0 件のコメント:

コメントを投稿

static_page