Published: 
Movable Type

BlogPeople 等のリンクリストによる表示の遅延を解消する(その1:JavaScript編(小粋空間)

再開されてから順調に機能していた、このサイトの左に表示している人気記事ランキング。

ところがまた調子が悪いって言うか、スクリプトの取得が出来ていないようで、それ以降のサイドバーがすべて表示されなくなってしまう。

今までの私だとブログパーツをサイドバーから削除することによって最適な状態を保っていたんですが、今回はちょっとしたマジック?をしたいと思います。

表示の遅延を解消するために上記リンクを読みながら、人気記事ランキングも同様の改造を行ってみました。

まず、いままでブログパーツを書いていたウィジェットの中身をこのようにします。

<div id="idea">Now loading...</div>

そこでおもむろに今までのウィジェットと今回作ったウィジェットを交換します。

ブログパーツ自体は読みださなければいけないので、</body>直前に、

<div id="ideabody"><script type="text/javascript" src="http://bp.idea-unlimited.com/scripts/article.js?id=xxxxxxxx"></script><noscript><a href='http://bp.idea-unlimited.com/'>ブログパーツ</a></noscript></div>
<script type="text/javascript">
if(document.getElementById('idea')){
    document.getElementById('idea').innerHTML = document.getElementById('ideabody').innerHTML;}
</script>

これで無事に人気記事ランキングが表示されなくても、サイドバーは一応表示されるようになった。

最後に忘れてはいけないのが、スタイルシートの設定。以下のように設定する。

#ideabody{
    display: none;
}

以上、簡単ではありますが、これで遅延表示ができるうになりました(´∀`*)ウフフ

人気記事ランキングが早く復活することを願って(-ι-З)ナームー