April 22, 2007
Twitter のステータスを自分のブログの 2 ヶ所に貼り付ける際に気をつけること
Twitter での現在のステータスを自分のブログに表示するというのは、以前エントリーにしましたが、タイトル下の部分だけでなく、右側のサイドバーの Contact の部分にも表示できるようにしてみました。
しかし、 Firefox では大丈夫だったのですが、 IE と Opera で見た場合に、タイトル下の部分はちゃんと出ているのに、サイドバー側の方が表示されていません。この原因をいろいろ探っていたのですが、この様子を Twitter 経由で見ていてくれた otsune さんより決定的な解決策を教えていただきました。
ははあ、わかった。単純に IE とかだと Twitter の status 読み込むのが1ページに２つはできないということか .
などどソーシャル独り言をつぶやいていると、otsune さんより鋭い指摘がありました。
@kengo span idを変えれば良いんじゃね？
span という部分で、ステータスを書き出しているわけですが、この id が一緒だから IE とか Opera では出ないのかもということで、 サイドバーの方の span の id を
最初に用意されていた
my_twitter_status
に加えて
my_twitter_status_side
とかにしてみたらこれで表示できるようになりました。 FIrefox 、 IE 、 Opera でちゃんと 2 つとも表示されるようになりました。
Twitter の Badge 用に用意されていた、javascript のコードの部分を twitter.js として読み出していたのですがこの中に
my_twitter_status_side
というのをもう 1 行増やして動くようになりました。
関連して、subtech - otsune's SnakeOil - Simple twitter status JavaScriptという部分で、 javascript にしていたファイルの必要なかった部分を教えてもらいスリムにできました。
これで最終的にいいのかなと思ってテストをしている旨を Twitter でつぶやいているとjavascript エラーが出ているとの連絡が。
@kengo さん、Twitterのステータスは出てますが、javascriptエラーが出てますよ。Twitterの表示用Javascriptを呼ぶのは1170行目（TOPページの）だけでOKです。
Twitter 側の Javascript を呼び出すのは、タイトル下の部分と、サイドバー部分と2つ入れていたのですが、これがひとつでいいとのこと。やってみると、タイトル下の方を残すとだめみたいなので、こっちを削除し、サイドバー側のほうの javascript を残すということで解決しました。
Posted by kengo at April 22, 2007 11:57 PM | TrackBack | INTERNET | Blog Search | English | QR |
| 
Twitter経由でコメントする
メールの場合はこちらまで
Google Talk からメッセージを送る
Call 
Chat
