Big Bang

パソコンの電源を入れた時、メモリー空間に無限の宇宙が拡がる

絵文字が使えない原因と対策

| 44件のコメント

2014年1月22日にA8.netのファンブログはSeesaa Blogのシステムをベースにして生まれ変わりました。よってファンブログ関連の記事は今では当てはまらない可能性があります。新しいファンブログのカスタマイズは別ブログ「ファンブログ テック」で詳しく書いていますので、そちらをご覧ください。

昨日、サムネイル表示スクリプトをモジュール化して公開したら、一部のスキンで
絵文字が使えなくなるトラブルが発生しました。

もう修正したのですが、そのモジュールを使わなくてもこのトラブルは発生する
可能性があります。

今回は、ファンブログで絵文字が使えなくなったときの原因と解決方法について。

絵文字が使えなくなる前にスクリプトやアフィリエイトを追加していないでしょうか?
原因はその中にあるプログラムです。プログラムを追加したことでwindow.onloadと
いうものが上書きされてしまったのです。

window.onload

ブラウザが、ブログやホームページのHTMLを読み込んだ際に、自動で起動するスクリプトを
設定する時はwindow.onloadを使います。

このwindow.onloadは便利ですが、ひとつしか設定できません。

複数のwindow.onloadを設定すると、ソースを読み込んだ順の、いちばん最後のものだけが
実行されます。前にあるものは上書きされて消えてしまいます。

絵文字が使えなくなった原因

ファンブログの絵文字にはJavaScriptが必要です。そして、そのソースの中でwindow.onload
使われているようです。

ですから、そのスキンにユーザーが独自にJavaScriptを付け加え、そのソースコードの中にも
window.onloadがあると、絵文字のwindow.onloadは上書きされます。

その結果、絵文字が機能しなくなるのです。

対策

原因は後から足したスクリプトです。ですから、それを取り外せば絵文字は元通りに
使えるようになります。

ただし、どうしてもそのスクリプトを追加したい時があると思います。その時はスクリプトを
修正しなくてはなりません。修正についての情報はaddEventListenerとattachEvent
まとめました。

44件のコメント

  1. ここでいいかな?

    無事に絵文字出ました~。
    お世話さまでした、ありがとう。
    これから記事にしま~す。

  2. ありがとうございます。安心しました。

  3. noriさんと心姫さんの絵文字がうちから見えない。。。

  4. 今見てきたけど。見えてたぞ。

  5. PC再起動したけど。見えない。。。Firefox10.0.2むむ。うちだけ?

  6. Tom、うち、きのちゃんは変わらず見えてる。

  7. りょうちゃん、メッタシンさんも見えてる。

  8. 絵文字のないところ見てるんじゃないの?
    アドレスバーの右 ☆▽のとなりの丸矢印をクリック

  9. そら豆さんも見えてる。

  10. うん。丸矢印してもだめ。

  11. 今まで絵文字を入れられなかったんだからな。
    だから、それまでのコメントに絵文字はないぞ。
    自分でコメントして、絵文字入れなきゃ。

  12. ああっ!すんごい勘違いした。見えてる見えてる!

  13. ちょっとすごい勘違いで恥ずかしいから、この辺消しといて。

    ごめんごめん。よかった。

  14. 何が原因?
    まさか
    >だから、それまでのコメントに絵文字はないぞ。

  15. ごめん。つけられてるわけない絵文字ファビコンと勘違い・・・。
    ケータイから見てたから・・・。

  16. ごめんね。驚かせました。

  17. ケータイからコメントできないとか言ってなかったっけ?
    どうやってコメントしてるん?

  18. あ、今は自宅。帰り道にケータイで読んでただけ。
    事情がよくつかめなかった。

  19. はー。恥ずかしい勘違いした。

  20. 消しても消さなくてもいいけど。

  21. 混乱のもとになるといけないので。

  22. ごみだな、このコメントは。
    かこが恥ずかしいから、残しておく。

  23. > よろしく。

  24. って残すんかい

    ああっ!Tomのコメント欄も治ってる!

  25. ちょっと、大丈夫?
    張り切り過ぎて、血を吐いて倒れるんじゃない?

  26. >ああっ!Tomのコメント欄も治ってる!
    今気づいたのか

  27. だからー。今帰ったばっかりだもん、仕方がないっしょ。
    朝記事上がったのは見てたけど。

    あーもう恥ずかしいから、noriさん、心姫さんがファビコンつけられるように
    してよ。番号入れたら自動生成。

  28. これでかこって入れずに、コメントはねられていらいらせずに済む♪
    ありがとー!

  29. この記事と原因は一緒だったの?

  30. あれ??ホントだ。
    コメント欄に自分の名前いれなくてよくなってる。

  31. ねー。便利。
    心姫さんもコメント画像仲間~

  32. >この記事と原因は一緒だったの?
    そう。

  33. よかったねぇ。気づいてまとめて直せて

  34. そうね。

    心姫さんのとこで、りょうちゃんが絵文字入れられないって書いてたから
    その瞬間わかった。

    window.onloadは問題かもなと内心思っていたけど、試してみるかと。
    やってみたらトラブった。

    自分のブログだけなら、面倒くさいから直さないけど他の人のブログだから
    直さないとね。

  35. サッカーがあるので、しばらくいなくなる。

  36. そっか。思う存分いってらっしゃい。

  37. おっ勝ったね。おやすみ。

  38. 心姫さんと同じく、
    ホントだ
    コメント欄に自分の名前いれなくてよくなってる。です

  39. >ホントだ
    >コメント欄に自分の名前いれなくてよくなってる。です

    直しました。今までお手数おかけしました。

  40. ほんとだ
    これだとiPhoneからもコメント入れられる
    URLわざわざ入れるのめんどかったからね

    ひゃ~絵文字も

  41. 直しました。今までお手数おかけしました。

  42. ちゃんと記事読んでなかったから気付かなかったんですが、今把握しましたw
    これで、コメントがだいぶ書きやすくなりますww
    ありがとうございました。

    onloadは厄介ですよね。jQueryでもそれとバッティングして、以前色々調べた記憶があります。

コメントを残す

Top