記事(エントリー)に絵文字を使う for Serene Bach

記事(エントリー)に絵文字を使う for Serene Bach

Posted at December 25,2006 1:25 AM
Tag:[Entry, Image, SereneBach]

Serene Bach の記事(エントリー)およびコメント欄に絵文字を入力できるようにするカスタマイズです。
エントリーに絵文字を使う for SereneBach

これは「公開テンプレートのコメントに絵文字を使う for SereneBach」のテクニックを記事部分に適用させたものです。

記事に絵文字を入力するカスタマイズは stroll::blog さんの「sb絵文字入力支援スクリプト」がポピュラーですが、「ブラウザに依存しないで入力する方法はないですか?」という質問を頂いたので、本エントリーにて紹介致します。

設定方法は当サイトで公開しているテンプレートを例にしていますが、一部修正すれば他のテンプレートでも利用可能です。

なお「公開テンプレートのコメントに絵文字を使う for SereneBach」と設定内容が若干異なるため、記事とコメントの両方に絵文字と併用したい場合は、本エントリーのカスタマイズを行ってください(本記事はコメントの絵文字にも対応しています)。

1.記事投稿画面の修正

Serene Bach をインストールしている配下にある、

lib/resource/ja/entry.html

をダウンロードして、任意のエディタで開き、1.1~1.3項の修正を行ないます。
修正する自信のない方は、下記のリンクから修正済の entry.zip(または entry.lzh) をダウンロードして解凍し、2項に進んでください。なお、EUC-JP 版とUTF-8 版でダウンロードするファイルが異なりますのでご注意ください。

EUC-JP版
entry.zip / entry.lzh
UTF-8版
entry.zip / entry.lzh

このファイルは 2.05R をもとに修正したものです(2.09R2.12R まで確認済)。Serene Bach バージョンアップには対応できていないかもしれませんので予めご了承ください。

1.1 script 要素の追加

ファイルの一番先頭に下記を追加します。

<script type="text/javascript" src="emoji.js" charset="utf-8"></script>

1.2 「本文」への絵文字一覧表示スクリプトの追加

「本文」のテキストエリア上部へ絵文字一覧を表示するタグを追加します。

<div class="entry_tool">
<!-- BEGIN sb_entry_extool_body -->
<a href="#" onclick="return addHtmlTag('entry_body','{sb_entry_extool_elem}','{sb_entry_extool_opt}');"><img src="{sb_site_template}tool/{sb_entry_extool_img}.gif" width="30" height="20" alt="{sb_entry_extool_alt}" title="{sb_entry_extool_alt}" /></a>
<!-- END sb_entry_extool_body -->
</div>
<dl><dt style="display:inline;">絵文字</dt><dd style="margin-left: 5.5em;">
<script type="text/javascript">
writeCustmizeEmojiTagList('document.mainform.entry_body');
</script>
</dd></dl>
<textarea name="entry_body" id="entry_body" rows="{sb_entry_body_rows}" cols="40" class="text">{sb_entry_body}</textarea>

1.3 「続き」への絵文字一覧表示スクリプトの追加

「続き」部分も絵文字を使いたい場合は、「続き」のテキストエリア上部へ絵文字一覧を表示するタグを追加します。

<div class="entry_tool">
<!-- BEGIN sb_entry_extool_more -->
<a href="#" onclick="return addHtmlTag('entry_more','{sb_entry_extool_elem}','{sb_entry_extool_opt}');"><img src="{sb_site_template}tool/{sb_entry_extool_img}.gif" width="30" height="20" alt="{sb_entry_extool_alt}" title="{sb_entry_extool_alt}" /></a>
<!-- END sb_entry_extool_more -->
</div>
<dl><dt style="display:inline;">絵文字</dt><dd style="margin-left: 8.1em;">
<script type="text/javascript">
writeCustmizeEmojiTagList('document.mainform.entry_more');
</script>
</dd></dl>
<textarea name="entry_more" id="entry_more" rows="15" cols="40" class="text">{sb_entry_more}</textarea>

2.ファイルのアップロード

修正した entry.html を元のディレクトリにアップロードします。

3.スクリプトのダウンロード

下記のリンクより emoji.js をダウンロードしてください。

emoji.js

この emoji.js は「公開テンプレートのコメントに絵文字を使う for SereneBach」で配布しているものと若干異なります。
公開テンプレートのコメントに絵文字を使う for SereneBach」で配布している emoji.js をお使いの場合は、下記の修正を行ってください。上記のリンクよりダウンロードしてお使いになる場合は、そのまま4項へ進んでください。

3.1 絵文字一覧表示部分(赤色を削除し、青色を追加)

function writeCustmizeEmojiTagList(textarea) {
    // コメントを入力するテキストエリアを指定
    var textarea = 'document.mainform.entry_body';
 
    // ***************** 設定ここまで *****************

3.2 絵文字表示部分(赤色を削除し、青色を追加)

// コメントにカスタマイズ絵文字入力機能:画像変換
function changeCustmizeEmojiTag(commentAreaIdName, commentAreaTag, commentBodyClassName) {
    // (1)コメント全体のタグの id 属性
    var commentAreaIdName = 'comments';
    // (2)コメント全体のタグ名
    var commentAreaTag = 'div';
    // (3)各コメントの class 属性
    var commentBodyClassName = 'comment';
 
    // ***************** 設定ここまで *****************
    var list = getCommentEmojiList();
    var att = getCustmizeEmojiAttribute();
    var objComArea;
    var classComArea;
    var objComBody = new Array();

4.スクリプトに絵文字URLの追加

emoji.js を任意のエディタで開き、ご自身のお好きな絵文字を下記の青色のように挿入してください。

// コメントにカスタマイズ絵文字入力機能:画像設定
function getCommentEmojiList() {
    var list = new Array();
    // 画像名、画像URLの設定
    list[list.length] = new Array('00a', 'http://yourhost/images/pp_00a.gif');
    list[list.length] = new Array('01a', 'http://yourhost/images/pp_01a.gif');
    list[list.length] = new Array('02a', 'http://yourhost/images/pp_02a.gif');
                  :
    return list;
}

ちなみに、冒頭のスクリーンショットに表示させている画像は下記のサイトよりお借りしました。ありがとうございました。

.:. PEPPER .:. FREE GRAPHICS FOR WEB SITE

注:この emoji.js のファイルの文字コードは UTF-8 です。EUC-JP 版の Serene Bach をお使いでも、ファイルの文字コードは UTF-8 のままお使いください。

5.スクリプトのアップロード

修正した emoji.js を、index.html と同じディレクトリにアップロードします。

6.テンプレートの修正

</head> の直前に下記のタグを追加します。

<script type="text/javascript" src="{site_top}emoji.js" charset="utf-8"></script>

そして記事関連ブロック終了の直前に、記事に表示された、絵文字に対応する記号を実際の絵文字に変換するためのスクリプト(青色部分)を追加します。

<!-- BEGIN entry -->
<h2 id="entry{entry_id}" class="date">{entry_date}</h2>
<div class="entry">
<h3 class="entry-header">&#9679;<a href="{entry_permalink}">{entry_title}</a></h3>
<div class="entry-content">
<div class="entry_body">{entry_description}</div>
<div class="entry_more">{entry_sequel}</div>
</div>
<div class="entry-footer">
Posted by {user_name} at {entry_time} | Category: {category_name} | {comment_num} | {trackback_num}
</div>
</div>
{trackback_auto_discovery}
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('content', 'div', 'entry_body'); // 本文に絵文字を表示する
changeCustmizeEmojiTag('content', 'div', 'entry_more'); // 続きに絵文字を表示する
// -->
</script>
<!-- END entry -->

赤色部分はご利用のテンプレートによって異なります、それぞれの意味は下記の通りです。

  • content:中央カラム全体を括っている div 要素の id 属性(一例として "main" という設定のテンプレートが結構あるようですが、ご利用のテンプレートをよくご確認ください
  • div:記事またはコメント本文全体を括っているタグ
  • entry_body / entry_more:記事またはコメント本文全体を括っているタグの class 属性

要するに画像を変換する場所を絞り込んでいる訳です。この部分でつまづく場合が多いようですが、ご利用のテンプレートおよび本エントリーのコメント欄等で不具合をよくご確認の上、どうしても分からない場合のみご質問ください。

changeCustmizeEmojiTag の起動は、「本文「用と「続き」用の2行があります。「続き」に絵文字を使わない場合は

changeCustmizeEmojiTag('content', 'div', 'entry_more'); // 続きに絵文字を表示する

を削除してください。

記事に絵文字を表示するカスタマイズは以上です。

  • 管理画面の新規記事および記事編集画面に絵文字が表示されること
  • 絵文字をクリックすると、テキストエリアに絵文字に対応した値が設定されること
  • 記事を公開すると、ブログの記事部分に絵文字が表示されること

を確認してください。
コメントにも絵文字を利用する場合は次項のカスタマイズを行ってください。

7.コメント部分にも絵文字を利用する場合

まずコメントの form 属性に name 属性を追加してください。

<form name="comform" action="{site_cgi}" method="post">
 
<div class="comments-open" id="comments-open">
<h2 class="comments-open-header">Comment form</h2>
<div class="comments-open-content">
 
<div id="comments-open-data">

次に、テンプレートのコメント部分に絵文字を表示するためのタグを追加します。

<dl>
<dt><label for="name" id="labelname">name:</label></dt>
<dd><input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" size="20" /></dd>
<dt><label for="email" id="labelemail">email:</label></dt>
<dd><input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" size="30" /></dd>
<dt><label for="url" id="labelurl">url:</label></dt>
<dd><input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" size="30" /></dd>
<dt><label id="cookie_label" for="set_cookie">cookie:</label></dt>
<dd><input type="checkbox" tabindex="4" name="set_cookie" value="1" id="set_cookie" /></dd>
<dt>icons:</dt><dd style="margin-left: 5.5em;">
<script type="text/javascript">
<!--
writeCustmizeEmojiTagList('document.comform.description');
// -->
</script>
</dd>
<dt><label for="description" id="labeldescription">comments:</label></dt>
<dd><textarea tabindex="5" id="description" name="description" rows="8" cols="45"></textarea></dd>
</dl>

最後にコメント関連ブロック終了の直前に青色のタグを追加します。

</form>
</div>
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('comments', 'div' ,'comment');
// -->
</script>
<!-- END comment_area -->

公開テンプレートのコメントに絵文字を使う for SereneBach」のカスタマイズを行っている場合は設定内容が微妙に異なるので、以前の設定は一旦削除した方がいいかもしれません。

8.CSS 設定

絵文字とテキストがきれいに並ばない場合は、下記のCSSを追加してください。

.emoji{
    vertical-align: middle;
}

必要に応じて margin / padding プロパティも加えてください。

2007.01.09 追記
6項の説明を追加しました。

2007.01.25 追記
EUC-JP 版に対応しました。

2007.03.10 追記
挿入される絵文字の img タグに class 属性を付与しました。それに伴い8項を追加しました。

2007.03.20 追記
green lettuce さんより頂いたコメントより、適用可能バージョンを 2.12R に修正しました。

関連記事
zenback
人気エントリー
トラックバックURL


トラックバック

記事(エントリー)に絵文字を使う for Serene Bach from 戯言
とりあえず前回の日記の続報(笑)Zaurus SL-C860復活(笑)添付CDですが問い合わせしましたら返事きたぽ[ニコッ]↓の最寄のサービスステーション... [続きを読む]

Tracked on December 25, 2006 9:00 AM

記事(エントリー)に絵文字を使う from Simple Style
[ハート]記事(エントリー)に絵文字を使う以前は、stroll::blogさんのsb絵文字入力支援スクリプトを使わせていただいていたのですが今回、小粋空... [続きを読む]

Tracked on December 25, 2006 12:30 PM

記事に絵文字&星空作成パーツ from Selbstgesprach ?徒然日記?
久々にBlogを弄ってみました[閃き] [続きを読む]

Tracked on December 27, 2006 4:46 PM

from Nox Noctis
ここ1,2週間家中に風邪が蔓延してましたが。2,3日前から私にも風邪が回ってきまして。昨日まで死んでました[寝るぽ]それでもカスタマしてたデスが。(寝てろ... [続きを読む]

Tracked on December 28, 2006 1:58 AM

絵文字の設定! from :: go with the light ::
以前から設定しようとして挫折していたんですが小粋空間様の「記事(エントリー)に絵文字を使う for Serene Bach」「公開テンプレートのコメント... [続きを読む]

Tracked on January 5, 2007 6:48 PM

リニューアルしました from Fishing Team げんちゃん's
正月休みを利用してブログの模様替えをしました以前使っていたデザインも気に入ってたんですがサイドバーがとっても長くなってしまって3カラムにしたかったんですい... [続きを読む]

Tracked on January 7, 2007 10:11 PM

記事とコメントに絵文字を使う for Serene Bach from Caramel Latte
元々Nucleusを使うようになったのは絵文字がプラグインで簡単に使える事と再構築の手間が無い事からだったのですが、Serene Bachに戻ってみると絵... [続きを読む]

Tracked on January 9, 2007 11:10 AM

何とか出来た(´Д`) =3 ハゥー from Ж Wonderful Everyday Ж
記事(エントリー)に絵文字を使うstroll::blogさんのsb絵文字入力支援スクリプトを使わせていただいていたのですが小粋空間さんで公開された記事(エ... [続きを読む]

Tracked on January 9, 2007 4:07 PM

絵文字のスクリプトを変更。 from Yuna's Tedious Talk
以前strollさんの所から配布されていた「sb絵文字入力支援スクリプト」。最近なぜか使えないのです。Jsファイルがサーバー上にないのか…、こっちの設定が... [続きを読む]

Tracked on January 18, 2007 10:27 PM

エントリーに絵文字を使う。 from *kirara
以前使わせてもらってたstroll::blog様の絵文字入力支援スクリプトが急に使えなくなったぁ[26](お知らせ済み)最初は、キャッシュが原因?って思っ... [続きを読む]

Tracked on January 19, 2007 4:04 PM

ドレドレ(..) from イ ヌ ブ ロ グ
できたかな?[じー]できたみたい????[キャン]小粋空間: 記事(エントリー)に絵文字を使う for Serene Bach私の場合、changeCus... [続きを読む]

Tracked on January 21, 2007 1:13 AM

絵文字入力のカスタマイズ from Rosily* style
可愛いなぁと思いつつ、腰を上げることができずにいた『記事(エントリー)に絵文字を入力できるようにする』カスタマイズ。小粋空間様: 記事(エントリー)に絵文... [続きを読む]

Tracked on February 3, 2007 1:45 AM

絵文字設定。 from Blog*Days
以前使っていたstroll::blog様の絵文字入力支援スクリプトが急に使えなくなり、何度かやり直したけど変化なし。絵文字が使えなくてがっかりしていたとこ... [続きを読む]

Tracked on February 5, 2007 8:58 PM

エントリー(およびコメント)に絵文字を from 唐獅子ボタン
絵文字って柄でもないのだけれど[pp_10a.]面白そうなので入れてみました[pp_04a]例によって「小粋空間」さんにお世話になってます。そしてまたまた... [続きを読む]

Tracked on February 6, 2007 3:11 PM

記事に絵文字を使う from あれもこれも
いつも使っていた某サイトの絵文字が使えなくなって、毎度お世話になっている小粋空間さんで発見[10]あー良かった・・・[45] [続きを読む]

Tracked on February 10, 2007 6:41 PM

覚え書き・・・・ from xxxデリ嬢的ロバ耳のアナxxx
とりあえず私が使わせてもらったプラグイン[キラ]?UnderDone(あんでるどん)サマ?[電球]うにゅうにゅ Read More?sb開発研究所サマ?[... [続きを読む]

Tracked on February 25, 2007 5:24 PM

コメントに絵文字を使う for SereneBach(MT編? from Pure Kei
小粋空間様で紹介されている 記事(エントリー)に絵文字を使う for Seren... [続きを読む]

Tracked on March 7, 2007 7:23 PM

絵文字が… from Blog*Stroll
今まで使っていた【stroll::blog】さんの絵文字入力支援スクリプトが使えなくなってしまったので、記事(エントリー)に絵文字を使う for Sere... [続きを読む]

Tracked on March 9, 2007 9:09 PM

改めて絵文字使えるぅ?☆ from
今までの絵文字が使えなくなったので小粋空間サンで紹介されている“記事(エントリー)に絵文字を使う for Serene Bach”を改めて設定しました。... [続きを読む]

Tracked on April 30, 2007 11:32 PM

エントリーに絵文字 from Happy* Clover**
エントリーに絵文字を入れました。今回もお世話になりました[キラキラ]http://www.koikikukan.com/archives/2006/12/... [続きを読む]

Tracked on May 17, 2007 1:17 PM

エントリー&コメントに絵文字を使う for SereneBach from [ blOg:..:dimple ]
「小粋空間」様の「コメントに絵文字を使う for SereneBach」をさっそく挑戦!!しかーし!!導入に悪戦苦闘しております(^ω^;)絵文字は表示さ... [続きを読む]

Tracked on May 20, 2007 4:02 AM

記事(エントリー)に絵文字 from *day after day...*
前からやってみようと思っていた,記事(エントリー)およびコメント欄に絵文字を入力できるようにするカスタマイズを,今日やってみました... [続きを読む]

Tracked on May 29, 2007 11:30 PM

絵文字 from *-- Pretty Heart-blog --*
[小粋空間]さんの所に記事(エントリー)に絵文字を使うfor Serene Bachとゆうのが載っていたので早速トライしてみた[40]JSファイルをDLし... [続きを読む]

Tracked on June 11, 2007 6:54 PM

絵文字の不具合 from おひさまのご機嫌
先々週あたりからsb向け絵文字投稿スクリプトが動かなくなっていたようで。あちこちで対策を聞き込んできてトライしてるんだけど、撃沈。もうちょっといじってみる... [続きを読む]

Tracked on August 5, 2007 9:55 PM

本文テスト from Yuzuiro
テスト[d202]うまくいくみたいだ[d005]小粋空間 さんで紹介されている「記事に絵文字を使う」実践させていただきました。最初はどうなることやら・・・... [続きを読む]

Tracked on September 9, 2007 1:55 PM

いろいろイジる(・ω・ ) from Yuzuiro
テスト[d202]うまくいくみたいだ[d005]小粋空間 さんで紹介されている「記事に絵文字を使う」実践させていただきました。最初はどうなることやら・・・... [続きを読む]

Tracked on September 9, 2007 1:57 PM

ちょっと改造 from 月に叢雲花に風
エントリーとコメントに絵文字を入れてみました。なんか一部だぶってる絵文字もありますがお気になさらず[bl53]。参考にさせていただいたのは... [続きを読む]

Tracked on February 16, 2008 2:25 PM

カスタマイズまとめ from のろけぶろぐ + happy days*
今更ですが、このブログのカスタマイズに利用させて戴いたサイト様の一覧です。テンプレを変更するたびに時々自分でも混乱する時があるので自分メモ。ちなみに普段は... [続きを読む]

Tracked on June 26, 2008 12:41 PM
コメント

yujiro様

公開ありがとうございますm(__)m
Serene Bach Ver2.08Dで問題なく動作できました♪

あとトラックバックさせてもらいましたm(__)m
(使って見たかったので(笑))

[1] Posted by ken : December 25, 2006 9:21 AM

>kenさん
こんばんは。
ご連絡&トラックバックありがとうございます。
うまくできたようで良かったです。
トラックバックはどしどし使ってやってください。
ではでは!

[2] Posted by yujiro : December 26, 2006 1:27 AM

Yujiroさん、こんにちわ!

記事に絵文字・・・ちょっと感動しちゃいました。
早速導入!いい感じになりました。(*・∀・)ノ.:.:*アリガトゥ♪

TBもさせてください!

[3] Posted by どら♀どら : December 27, 2006 4:47 PM

>どら♀どらさん
こんにちは。
ご利用&ご連絡&トラックバックありがとうございます。
うまくできたようで良かったです。
ではでは!

[4] Posted by yujiro : December 27, 2006 5:21 PM

こちらで質問すべきことを“コメント欄に絵文字"の記事に書いてしまいました。
あちらこちら、読ませていただいていたものですから(ぺこり)
申し訳ありません。
もう一度書かせていただきます。

テンプレートをお借りして新しいブログを作成中です。
本文とコメントに絵文字を導入しようと努力しておりますが、
5回やり直しても絵文字がきちんと表示されません。
SereneBach本体のアップからやり直しても駄目でした。
どうあがいても、ばってんの四角が出てしまい、認識されていないようです。
新規エントリページ、コメント欄、共にです。
何か素人が陥りやすい落とし穴などありましたら、
お教えいただければ幸いです。
宜しくお願いいたします。

[5] Posted by グラツィア : December 28, 2006 7:09 PM

>グラツィアさん
こんばんは。
ご利用ありがとうございます。
拝見させて頂いたところ、emoji.js に設定された画像のURLが誤っているようです(コピーしてブラウザで実行されればお分かりになると思います)。
また同じ箇所でもうひとつ typo がありますので、それも修正すれば全て正常に表示されると思います。
それではよろしくお願い致します。

[6] Posted by yujiro : December 28, 2006 7:35 PM

自分でも恥ずかしくなるようなミスでした(泣)
設定の方ばかりに気を取られ、肝心のURLが間違っていたなんて!!!
お手数をおかけして申し訳ありませんでした(深々と一礼!)
ただ今、他のカスタマイズもいろいろと利用させていただき、準備中ですので、
全て終わりましたらTBさせていただこうと思っております。
本当にありがとうございました。

[7] Posted by グラツィア : December 29, 2006 9:57 AM

>グラツィアさん
こんばんは。
ご連絡ありがとうございました。
うまくできたようで良かったです。
ではでは!

[8] Posted by yujiro : January 1, 2007 1:46 AM

こんばんは。
何度やってみても新記事投稿で絵文字をクリックしても表示されるのは
emoji.jsで設定した数字だけで
絵文字が上手く表示されません・・。
何かアドバイスよろしくお願いします。

[9] Posted by rikky : January 6, 2007 12:33 AM

>rikkyさん
こんばんは。
ご利用ありがとうございます。
説明不足でしたが、編集画面に表示されるのはemoji.js に設定した数字で問題ありません。
記事を公開してブラウザで閲覧する時にスクリプトを使って絵文字に変換します。
そもそも編集画面であるテキストエリアに画像を表示することはできませんので、このような仕組みになっています。

質問の解釈が間違ってましたら再度ご連絡ください。
それではよろしくお願い致します。

[10] Posted by yujiro : January 8, 2007 2:51 AM

yujiroさん、私の説明不足です。。。
新規記事作成画面では絵文字は出ていて
クリックすると設定した絵文字の名前が出ますよね?
ここで下書きで保存してブラウザで確認しても
絵文字に絵文字に変換されていないのです。
ちなみに、保存して公開でもやってみましたが
絵文字になりませんでした。。。
もう一度アドバイスお願いしますm(_ _"m)

[11] Posted by rikky : January 8, 2007 7:53 AM

>rikkyさん
こんばんは。
ご質問の内容理解いたしました。すいません。
6項の、

changeCustmizeEmojiTag('content', 'div', 'entry_body');
changeCustmizeEmojiTag('content', 'div', 'entry_more');

の "content" を "main" に書き換えてみてください(2ヶ所)。

これで表示されない場合、絵文字の名前が表示された状態でサイトを拝見させていただかないと解析困難です。
それではよろしくお願い致します。

[12] Posted by yujiro : January 9, 2007 12:44 AM

Yujiroさん、初めまして^^

いつも利用させて頂いてます。

記事に絵文字!素敵だと思い早速導入しようと1日かかってようやく反映されましたが、
前日の記事の絵文字が変換されず、コメントを開くと変換されるのですが、何が間違ってるのか;;

カラーピッカーとの併用が悪いのでしょうか・・・
お時間ある時で結構ですので、アドバイスして頂けたら嬉しいです

宜しくお願いいたしますペコリ(o_ _)o))

[13] Posted by かすぴぃ : January 9, 2007 4:36 AM

Yujiroさん、初めまして。
利用させて頂き、TBさせて頂きました。
文字コードの変換等で一度失敗してしまいましたがなんとか上手くいきました。
ありがとうございます(^^)

ひとつアドバイスを頂きたいのですが、絵文字が入った部分にだけLINE-HEIGHTが効かなくなってしまいます。
IE以外では効いているという事なので、IEのバグとして諦めるしかないのでしょうか?
お時間がある時で構いませんのでお手数ですがご指南宜しくお願いします。

[14] Posted by よーこ : January 9, 2007 1:55 PM

こちらこそ説明文がめちゃくちゃでごめんなさい><
"content" を "main" に書き換えたところ、ちゃんと絵文字が出ました!!
これはテンプレートによって書き換えなければいけないって事なんでしょうか?
それと何度やっても駄目だったので上の修正済の entry.zipをそのままアップして使ったところ
文字化けもしました><
けど無事設置できて良かったです。

[15] Posted by rikky : January 9, 2007 3:54 PM

>かすぴぃさん
こんばんは。
ご質問の件につきまして、すいませんがひとつ上のコメント[12]と同じ修正を行ってください。
それではよろしくお願い致します。

>よーこさん
こんばんは。
ご質問の件ですが、IEのCSSバグのようですので、下記のような設定を追加してみてください。

div.entry_body img,
div.entry_more img {
    _padding: 2px 0;
}

アンダースコアハックを利用しているので IE にのみこの設定が適用されます。
それではよろしくお願い致します。

>rikkyさん
こんばんは。
ご連絡ありがとうございました。
このご質問については説明不足でしたので遅ればせながら記事に追記させて頂きました。
ではでは!

[16] Posted by yujiro : January 9, 2007 11:42 PM

Yujiroさん、こんばんは!

お忙しい中、早々の返答ありがとうございました
事後報告になりましたが、TBもさせて頂きました。

今後もお世話になるかと思いますが、宜しくお願い致しますペコリ(o_ _)o))

[17] Posted by かすぴぃ : January 10, 2007 1:08 AM

Yujiroさん、こんにちわ(^^)
早速のご返答ありがとうございました!
教えて頂いたCSSを追加して、微調整したら出来ました。
ただそのままだと絵文字だけが動く様でしたので、vertical-align:middle;で画像の固定だけしてみました。
他ブラウザでも大丈夫な様です(^^)
絵文字がずっと入れたかったので嬉しいです。
ありがとうございました、これからも頑張られて下さいね!

[18] Posted by よーこ : January 10, 2007 11:10 AM

>かすぴぃさん
ご連絡ありがとうございました。
こちらこそ今後ともよろしくお願い致します。
ではでは!

>よーこさん
こんばんは。
vertical-align 忘れてました。すいません。
とりあえず解消されたようで良かったです。
ではでは!

[19] Posted by yujiro : January 11, 2007 11:46 PM

何度トライしても500errorになってしまって
トラックバックが送れません(泣)。
もしかしたら、ひとつのエントリにいくつもの
トラックバックをしているせいでしょうか^^;
いろいろな技を使わせていただきまして、
本当にありがとうございます(ひたすら感謝)!
これからも、お世話になることと思いますが、
どうぞよろしくお願いいたします(ぺこり)。

[20] Posted by グラツィア : January 17, 2007 7:55 PM

>グラツィアさん
こんにちは。
トラックバック正常処理できずにすいません(原因不明です…)。
色々ご利用くださりありがとうございます。
こちらこそ今後ともよろしくお願い致します。

[21] Posted by yujiro : January 18, 2007 1:21 PM

こんばんわ

rikkyさんと同じように絵文字が反映されません。

"content" を "main" に書き換えてみましたがだめでした。

しかし、本文では反応していなかったのですが、
コメント部分では絵文字が反応されます


私のテンプレートはblog TK*Plus1さんのLeaf of Pumila Ver1.02
です。

アドバイスをください。

[22] Posted by garanceria : January 21, 2007 12:54 AM

わかりました。
私のテンプレートの場合
contentの部分がcontainerに変更でした。

他の方の参考になれば・・・

[23] Posted by garanceria : January 21, 2007 1:51 AM

>garanceriaさん
こんばんは。
ご連絡ありがとうございました。
記述が良くなかったようですいません。main はあくまで一例です(本文は少し修正しました)。
自己解決されたようでよかったです。
ではでは!

[24] Posted by yujiro : January 21, 2007 2:16 AM

こんばんは。
これまでの絵文字が使えなくなってしまって、
こちらを教えていただき早速やってみました。
無事、完了!

と思っていたのですが、ブログ記事に、
ネスケではちゃんと絵文字が表示されるのに、
IEでは表示されません。

お忙しい中恐れ入りますが、ご指導いただければと思っております。
よろしくお願いします。

[25] Posted by 玲香 : January 21, 2007 6:52 PM

>玲香さん
こんにちは。
ご返事遅くなってすいません。

emoj.js の文字コードが script 要素に指定した文字コードと異なっているのが正常に表示されない原因のようです。
script 要素を下記の通り修正してみてください。

<script type="text/javascript" src="http://8p8p.sakura.ne.jp/sb/emoji.js" charset="shift_jis"></script>

それではよろしくお願い致します。

[26] Posted by yujiro : January 24, 2007 1:47 PM

Yujiroさん、こんばんは!

テンプレを変更しましたら、コメントの方に絵文字が表示されなくなってしまいました・・・orz
エントリの方はcontentの部分をcontainerに変更するとこまで何とか自力で出来たのですが、
コメントの方も、何か変更しなければいけないのでしょうか;;

度々で申し訳ありませんが、お時間ある時で結構ですので、アドバイスして頂けたら嬉しいです

宜しくお願いいたしますペコリ(o_ _)o))

[27] Posted by かすぴぃ : January 24, 2007 6:59 PM

stroll::blogサンのを見て絵文字を使用していましたが、急に表示ができなくなってしまい困り果ててるところ、こちらを知り、お借りすることができました。
大変助かりました♪
本当にありがとうございました。

[28] Posted by 瑞稀 : January 25, 2007 12:44 AM

Yujiroさん、こんばんは!

何とか自力で解決出来ました^?^
"comments" も"container" にしたら表示されるようになりました。

自分でも恥ずかしくなるようなミスでした;;
お手数をおかけして申し訳ありませんでした

今後もお世話になるかと思いますが、宜しくお願い致しますペコリ(o_ _)o))

[29] Posted by かすぴぃ : January 25, 2007 3:09 AM

初めまして。今までのものが使えなくなって困っていたのですが、こちらを知ってさっそく利用させていただいてます。ありがとうございます。

絵文字は反映されるようになって設置には成功したと思うのですが、記事投稿の管理画面が文字化けしてしまいます。
コメントを拝見し他にも文字化けした方がいらっしゃいましたが、解決方法が書かれていなかったもので、お聞きします。既出でしたら申し訳ございません。

よろしくお願いいたします。

[30] Posted by ayacchi : January 25, 2007 4:18 PM

yujiroさん、こんばんは。
お忙しい中、早速のご指導ありがとうございます。
その通りにやってみたところ、IEでもちゃんと表示されました。
本当にありがとうございました。

[31] Posted by 玲香 : January 25, 2007 7:57 PM

>瑞稀さん
こんばんは。
ご連絡ありがとうございました。
うまくできたようでよかったです。
ではでは!

>かすぴぃさん
こんばんは。
ご質問の件、自己解決されたようで良かったです。
こちらこそ今後ともよろしくお願い致します。

>ayacchiさん
こんばんは。
ご質問の件ですが、1項に EUC-JP版のファイルを置きましたので、お手数ですが再度ダウンロードして動作をご確認ください。
それではよろしくお願い致します。

>玲香さん
こんばんは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは!

[32] Posted by yujiro : January 25, 2007 10:26 PM

おかげさまで直りました。
こんなに素早く対応していただけて大感謝です。
ありがとうございました。

[33] Posted by ayacchi : January 25, 2007 10:50 PM

>ayacchiさん
ご連絡ありがとうございます。
無事に直ったようで良かったです。
ではでは!

[34] Posted by yujiro : January 26, 2007 12:19 AM

始めまして。
blog TKpulsさんのテンプレートを使っています。
上記の通り絵文字の設定をしました。
しかし、全く反映されず、
新規記事の所は、絵文字という文字のみ
コメントのところは、icons:だけの表示になってします。

全くの初心者ではむりなのでしょうか?

[35] Posted by ちゅら : January 26, 2007 11:10 AM

>ちゅらさん
はじめまして。
ご質問の件、自己解決されたようでよかったです。
ではでは!

[36] Posted by yujiro : January 26, 2007 11:16 PM

初めまして。SereneBach2.05Rを使用していて、
絵文字を使いたく、こちらの記事を拝見しました。
それで、前述のgaranceriaさんやrikkyさんと同じく、記事の編集画面で、絵文字が表示され、
それをクリックして、編集画面上では「[01]」と表示されているのですが、記事をアップすると、絵文字に変換されなくて、悩んでおります。
どこをどうなおしたら、うまくいくか、いろいろ試したのですが、さっぱりでした・・・。
お暇なときでかまいませんので、ご指導ください。
よろしくお願いします。

[37] Posted by 松吉 : January 30, 2007 6:40 PM

こんばんは。
私も今まで使っていた絵文字が突然使えなくなってしまい、
解決方法が無く、こちらを利用させていただこうと
設定させていただきました。
が、新規投稿画面では「絵文字」と出るだけで
絵文字が出ません。×印でも無く空欄です。
何度も見直し、コメントやTBされてるエントリーも
拝見しましたが解決方法がわかりません。
アドバイスよろしくお願いいたします。

[38] Posted by yumi : January 31, 2007 8:37 PM

>松吉さん
こんにちは。
ご質問の件ですが、変換されない状態になっているページのURLをお知らせください。
それではよろしくお願い致します。

>yumiさん
こんにちは。
ご質問の件ですが、サイトを拝見させて頂きました。次の2点を修正してください。

1.HTMLテンプレートに追加した、下記の部分

<!--
changeCustmizeEmojiTag('main', 'div', 'entry_body'); // 本文に絵文字を表示する
changeCustmizeEmojiTag('main, 'div', 'entry_more'); // 続きに絵文字を表示する
// -->
</script>

の、2つめの changeCustmizeEmojiTag の右側のカッコ内に記述している「main」のすぐ後ろの「'」が抜けてますので追加してください。

2.上の「main」という文字(2箇所)を「entry_area」に変更してください。

記事の方はこれで表示されると思います。

投稿画面の不具合についてはこちらから拝見できないので、まずは「JavaScript エラーを解消する」をご覧になり、投稿画面でエラーがありましたら、その内容をご連絡ください。
それではよろしくお願い致します。

[39] Posted by yujiro : February 2, 2007 11:00 AM

あああ!すみません!書き忘れてました。
よろしくおねがいします。

ここです。

[40] Posted by 松吉 : February 2, 2007 12:57 PM

はじめまして。
スクリプトを使わせていただき、問題なく動作はしているのですが、
"6.テンプレートの修正"部分にあります、trackback_auto_discoveryの後に挿入するスクリプトにより、
エントリーの文章(や続きの文章)の最後に、1行分くらいの空白の行が出来てしまいます。
そのスクリプトを取ってみると、その空白はなくまります。
見た目上の問題で、下に出来てしまう余白のバランスをとるために、上の余白もpaddingでとっていますが、
スクリプトを入れても、空白が出来ない方法はないでしょうか?

[41] Posted by ponko : February 2, 2007 1:32 PM

>松吉さん
こんにちは。
URLご連絡ありがとうございました(URLはURL欄に入力したもので分かりますがこちらの見落としでした、すいません)。
正常に表示させるには、6項のスクリプトを下記のように修正してください。

<script type="text/javascript">
<!--
changeCustmizeEmojiTag('contents', 'div', 'entry_body flex_width'); // 本文に絵文字を表示する
changeCustmizeEmojiTag('contents', 'div', 'entry_more flex_width'); // 続きに絵文字を表示する
// -->
</script>

それではよろしくお願い致します。

>ponkoさん
こんにちは。
ご質問の件ですが、6項のスクリプトをテンプレートの一番下(body 終了タグの前とか)に移動すれば解消すると思います。大丈夫と思いますが、新たな不具合が発生するようでしたらご連絡ください。
それではよろしくお願い致します。

[42] Posted by yujiro : February 2, 2007 3:16 PM

yujiroさんこんばんは。
ご返答ありがとうございました。
無事、エントリー&コメントに絵文字が使えるようになりました。
もうひとつお聞きしたいのですが、コメントの絵文字は
コメント入力するすぐ上に表示するようにしたんですが、
絵文字の表示具合がバランス悪いので、(2段で表示しています)
上下の絵文字が同じ幅ぐらいに揃って表示したいのです。
<dd style="margin-left: 5.5em;">
これをmargin-top、margin-bottomなどにしたり
<dd style="margin: 0;">にして試してみたりしましたがうまくいきません。
今はcommentの文字のすぐ下に入れているので<dt>icons:</dt>
<dd style="margin-left: 5.5em;">
は削除しています。どうかよろしくお願いします。

[43] Posted by yumi : February 2, 2007 7:49 PM

yujiroさんこんばんは。
お返事ありがとうございました。
お教え頂いたとおり、/BODY直前においてみたのですが、絵文字の画像ではなく[123]という文字の表示になってしまいました。(一応空白の行は削除されましたが)
BODYの直後でも同じ状況でした。
絵文字画像は---BEGIN entry---以降にスクリプトを置かないと反映されされず、場所を変えながらいろいろ試してみましたが、やっぱりスクリプトの置く場所を変えても、空白の1行が出来てしまいました。
他に解決方法はないでしょうか?
似たような疑問を持たれた方がいらっしゃらないので、cssなどが影響しているのでしょうか??
お手数ですが、また解決方法をお教えください。よろしくお願いいたします。

[44] Posted by ponko : February 2, 2007 8:45 PM

>yumiさん
こんばんは。
ご質問の件ですが、下記でいかがでしょうか。

<label for="description" id="labeldescription">comment</label>
<div style="width:370px">
<script type="text/javascript">
<!--
writeCustmizeEmojiTagList('document.comform.description');
// -->
</script>
</div>

それではよろしくお願い致します。

>ponkoさん
こんばんは。
スクリプトを /body の前だけに配置しても動作することは確認しておりますので、他に不具合があるかもしれません。URL をご連絡頂ければ適切なアドバイスができると思います。
それではよろしくお願い致します。

[45] Posted by yujiro : February 3, 2007 12:25 AM

yujiroさんおはようございます。
ご返答ありがとうございました。
marginにばかり気を取られ、横幅指定する事を
思いもしませんでした。
すっきり揃って絵文字表示できました。
色々とお世話になり、ありがとうございました。
これからもどうぞよろしくお願いいたします。

[46] Posted by yumi : February 3, 2007 8:00 AM

yujiroさん、こんにちは。
何度もあつかましくアドバイスいただきました
本当にすみません。
絵文字がすっきり表示でき、喜んでいましたが、
絵文字スクリプトを入れることでブログのサイドバーの
New Entries とRecent Comments のリンクを押して
記事に飛ぶとサイドバーの横幅が極端に狭くなりエントリー下に落ちてしまいます。
その他のサイドバー項目ではそのような状態にはなりません。
こちらでお聞きしていいものかと思いましたが
絵文字も使いたいし、テンプレートの崩れも
気になる次第で・・・。
何か解決方法ありませんでしょうか?
本当にすみません。

[47] Posted by yumi : February 3, 2007 1:34 PM

yujiroさま
さっそくのお返事ありがとうございます。
さきほど、修正したら、表示されました!
ありがとうございました。うれしいです^^。
それで、自力で、コメント部分にも表示させて(7項)みようとやってみたのですが、こちらはだめでした・・・。
こちらのアドバイスもいただけたら、
幸いです。お手数おかけして申し訳ありませんが、
よろしくおねがいします。

[48] Posted by 松吉 : February 3, 2007 1:35 PM

>yujiroさんこんにちは。
ぜひ実際にブログを見ていただきたいのですが、出来ましたらURLを公表したくないのです。
わがまま言ってすみません><
ここでの書き込みではなく、何か別の方法でお教えできればいいのですが...
メールアドレスが非公開となっているのであれば、メルアドにURLを入れて送信してもよろしいでしょうか?

[49] Posted by ponko : February 3, 2007 5:20 PM

>yumiさん
こんばんは。
ご質問の件ですが、[45]で回答したタグの一番最後のタグは </div> ですが、</dd> になっているのが原因のようです。
それではよろしくお願い致します。

>松吉さん
こんばんは。
ご質問の件ですが、emoji.js の文字コードが Shift_JIS になってしまっており、emoji.js を読み込む script タグの charset 属性を utf-8 で指定しているので、IE で正常に認識できないのが原因のようです。
ということで、script タグの charset 属性を "shift_jis" に変更してください。
なお文字コードの変更については「ファイルの文字コードを簡単に変更する方法」が参考になれば幸いです。
それではよろしくお願い致します。

>ponko さん
こんばんは。
当サイトの「プロフィール」にメールフォームへのリンクがありますので、メールにて URL をご連絡ください。
それではよろしくお願い致します。

[50] Posted by yujiro : February 4, 2007 12:31 AM

yujiroさんこんばんは。
最後のタグ変えました。
問題無事解決できました。ありがとうございます。

[51] Posted by yumi : February 4, 2007 1:00 AM

>yumiさん
こんばんは。
ご連絡ありがとうございました。
無事に直ったようでよかったです。
ではでは!

[52] Posted by yujiro : February 5, 2007 12:41 AM

yujiroさんおはようございます。
お教えいただいたとおり、/body直前にスクリプトを置いて、絵文字は表示されました。
が、[・・・]が絵文字に変わるのと同時に、やはり最後の行に空白の1行が出来てしまいました。
2月2日の最後のエントリで、その状態を確認できます。(上左右はcssでスペースをとっています)
お手数ですが、もう一度ご確認頂けますでしょうか。
よろしくお願い致します。

[53] Posted by ponko : February 5, 2007 9:18 AM

yujiroさん、こんにちは。
こちらのエントリーを参考に私も挑戦してみたのですが、記事投稿画面に絵文字は表示されるのですが、クリックするとスクリプトエラーが出てうまくいきません。

firefoxのエラーコンソールで確認したところ
emoji.js
の152行目が表示されるのですが、そこをどうしたらよいのかわかりません。

もし解決方法がありましたら、教えていただけますでしょうか?よろしくお願いします。

[54] Posted by まりも : February 5, 2007 1:08 PM

>ponkoさん
こんにちは。
分かりました。空の entry_more タグを処理しているのが原因のようです。
emoji.js の153行目辺りを下記のように修正してください。

修正前

for (var i = 0; i < objComBody.length; i++) {
    objComBody[i].innerHTML = getStringCustmizeEmojiTag(list, objComBody[i].innerHTML, att);
}

修正後

for (var i = 0; i < objComBody.length; i++) {
    if(objComBody[i].innerHTML){
        objComBody[i].innerHTML = getStringCustmizeEmojiTag(list, objComBody[i].innerHTML, att);
    }
}

それではよろしくお願い致します。

>まりもさん
こんにちは。
ご質問の件ですが、エラーコンソールに表示されているメッセージも併せてお知らせください。
それではよろしくお願い致します。

[55] Posted by yujiro : February 5, 2007 1:43 PM

yujiroさん、こんにちは。
早速修正しましたら、空白行が解消されました!!
すばやい対応をしていただき感謝しております。
この度はどうもありがとうございました^^

[56] Posted by ponko : February 5, 2007 2:11 PM

こんにちは、たびたびすいません。
エラーコンソールには

obj has no properties
http://cocolatte.biz/emoji.js
行:152

と書いております。
それではよろしくお願いします。

[57] Posted by まりも : February 5, 2007 3:50 PM

>ponkoさん
こんにちは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは!

>まりもさん
こんにちは。
事象は分かりましたが、設定状況が分からないのでコメントのやりとりでは解決できそうにありません。
もしよろしければ、ご利用のレンタルサーバ、および Serene Bach のログイン・パスワードをメールにてお知らせください(プロフィールのページにメールフォームがあります)。
それではよろしくお願い致します。

[58] Posted by yujiro : February 5, 2007 4:12 PM

さきほどメールさせていただきました。
よろしくお願いします。

[59] Posted by まりも : February 5, 2007 7:21 PM

>まりもさん
こんにちは。
拝見させていただきました。
このエントリーで配布している emoji.js を使われていないのが原因のようです。
3項にある emoji.js をダウンロードして、画像の設定をやり直し、現在ご利用になっている emoji.js と差し替えてください。

あと、entry.html をカスタマイズされているようですが、「サムネイル」部分の dt タグが閉じていないようですので併せて修正しておくと良いでしょう(この問題には影響ないようです)。

それではよろしくお願い致します。

[60] Posted by yujiro : February 6, 2007 11:37 AM

yujiroさん、こんにちは。
お返事ありがとうございました。
さきほどemoji.jsを設定しなおしたところ、きちんと表示されるようになりました。
初歩的なミスだったようでお恥ずかしい限りです・・entry.htmlのほうも直しておこうと思います。
これで安心してSBが使えそうです、大変ありがとうございました。

[61] Posted by まりも : February 6, 2007 5:01 PM

>まりもさん
こんにちは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは!

[62] Posted by yujiro : February 6, 2007 5:16 PM

お返事ありがとうございました。
テンプレートへ挿入しスクリプトタグが
「shift-jis」になっていたのを「utf-8」に変更して、かつ、個別テンプレートも同様の修正をし、
emoji.jsファイルの文字コードを「utf-8」に保存しなおして、アップロードしました。
修正方法はもしかして、まちがっているのでしょうか?
yujiroさんのアドバイスを正確に理解できていないようで、本当に申し訳ありません。

[63] Posted by 松吉 : February 6, 2007 7:20 PM

>松吉さん
こんばんは。
コメント部分の絵文字のカスタマイズは正常に動作しているようです(コメント投稿していないのでテキストエリアへの表示までしか確認できておりませんが)。
何かまだ不具合があるようでしたら事象をご連絡ください([63]で頂いたコメントは修正内容の確認、という主旨と理解しています)。
それではよろしくお願い致します。

[64] Posted by yujiro : February 8, 2007 12:10 AM

お返事ありがとうございます。[63]のコメントも
ご理解いただけてうれしいです。
それと、お詫びなのですが、言葉が足りずに
すみませんでした。
コメント投稿後、絵文字が表示されていないので、
7項の設定をどこか間違えているのではと思い、
</form>
</div>
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('comments', 'div' ,'comment');
// -->
</script>
<!-- END comment_area -->
の部分を
</form>
</div>
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('comments', 'div' ,'comment flex_width');
// -->
</script>
<!-- END comment_area -->
と修正してみたのですが、絵文字が
[01]の表示のままです。
何度もお手数おかけしてもうしわけありませんが、
よろしくおねがいします。
ここで、ためしに自分で投稿してみました)

[65] Posted by 松吉 : February 8, 2007 5:23 PM

>松吉さん
こんばんは。
ご質問の件ですが、

<script type="text/javascript">
<!--
changeCustmizeEmojiTag('comments', 'div' ,'comment flex_width');
// -->
</script>

<script type="text/javascript">
<!--
changeCustmizeEmojiTag('comments', 'dl' ,'comment_body flex_width');
// -->
</script>

に修正してください。
それではよろしくお願い致します。

[66] Posted by yujiro : February 8, 2007 10:27 PM

お返事ありがとうございました。
きちんと絵文字が表示されました。
。゜゜(´□`。)°゜。ワーン!!すごくうれしいです。
本当にありがとうございました。

[67] Posted by 松吉 : February 9, 2007 4:46 PM

>松吉さん
こんにちは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは!

[68] Posted by yujiro : February 11, 2007 12:03 PM

はじめまして。
今回、初めてこの絵文字のスクリプトを利用させていただこうとしています。

設定は一通り完了したのですが、記事投稿画面で絵文字が反映されません。
「絵文字」という文字だけが表示されて絵文字も、「×」も何もなく空欄になってしまっています。

上記のコメントを参考にしてJavascriptのエラーを見てみました所、

ライン:203
文字:1
エラー:オブジェクトを指定してください
コード:0
URL:http://2kids.littlestsr.jp/sb/admin.cgi?_mode=new
となっています。
ライン:137でも同じエラーが出ているようです。

私の力ではここまでしかわかりませんでした・・・
お忙しい中 申し訳ないですが、どう直したらいいのか教えていただけないでしょうか。
よろしくお願いします。

[69] Posted by purity : February 12, 2007 12:02 AM

>purityさん
こんにちは。
事象は分かりましたが、設定状況が分からないのでコメントのやりとりでは解決できそうにありません。
もしよろしければ、ご利用のレンタルサーバ、および Serene Bach のログイン・パスワードをメールにてお知らせください(プロフィールのページにメールフォームがあります)。
それではよろしくお願い致します。

[70] Posted by yujiro : February 12, 2007 12:37 PM

>purityさん
こんにちは。
(他の方の参考として)発生している事象をまとめると、記事投稿画面の絵文字が

  IE6:画像も何も表示されない
  Firefox:正常に表示・動作

とう状態です。

教えて頂いたログイン・パスワードで管理画面を拝見させて頂いたところ、emoji.js の文字コードが utf-8 から Shift_JIS に変わってしまっているのが原因ではないかと思います(4項の赤字部分)。

ということで、entry.html に埋め込んだ script タグ(1.1項)の charset 属性を "shift_jis" に変更するか、あるいは emoji.js の文字コードを UTF-8 にしてください。文字コードの変更については「ファイルの文字コードを簡単に変更する方法」が参考になれば幸いです。
それではよろしくお願い致します。

[71] Posted by yujiro : February 13, 2007 10:48 AM

お返事ありがとうございました。
entry.htmlのタグの方の文字コードを変更したところ、無事に表示されるようになりました。
本当にありがとうごさいました!!

[72] Posted by purity : February 13, 2007 12:26 PM

初めまして、こんにちは。

絵文字が使えるということで早速利用させていただいたのですが、記事の文字入力は出来るのですがコメントで絵文字を使うと絵文字ではなく数字(emoji.jsで決めた数字)が表示されて絵文字が出ない状況です。

記事に表示できたのも奇跡だと思っているので、もうお手上げです。

どこをどうしたらよいのか教えていただけると嬉しいです。
よろしくお願いいたします。

[73] Posted by 若菜 : February 13, 2007 3:21 PM

>purityさん
こんにちは。
ご連絡ありがとうございました。
ではでは!

>若菜さん
こんにちは。
ご質問の件ですが、7項の一番下のリストを下記のように修正した形で設定してください。

修正前

<script type="text/javascript">
<!--
changeCustmizeEmojiTag('comments', 'div' ,'comment');
// -->
</script>

修正後

<script type="text/javascript">
<!--
changeCustmizeEmojiTag('', 'div' ,'comment');
// -->
</script>
[74] Posted by yujiro : February 13, 2007 5:13 PM

はじめまして。
絵文字が使えるということで、さっそくこちらのスクリプトを使わせていただきました。
が、管理画面では絵文字が表示されて記入も出来るのですが、確認画面では登録した数字となって表示されます。
上記のコメントにもあったように、
「comments」→「container」に変更してみたのですが、変わりません。
何が原因なのでしょうか?
よろしくお願いします。

[75] Posted by みーしゃん : February 19, 2007 11:52 AM

>みーしゃんさん
こんにちは。
ご利用ありがとうございます。
ご質問の件ですが、emoji.js の中に記述している日本語が文字化けしているのが原因のようです。
emoji.js の中にある日本語のコメントを行ごと削除するか、もう一度 emoji.js をダウンロードして修正後、文字化けしないようにファイルを保存してください。
それではよろしくお願い致します。

[76] Posted by yujiro : February 19, 2007 3:08 PM

早速のお返事ありがとうございました。

emoji.js を再ダウンロードしたら、きちんと表示されました。
お手数をおかけしました。
ありがとうございました。

[77] Posted by みーしゃん : February 19, 2007 3:33 PM

はじめまして。
こちらのスクリプトを使わせていただこうと頑張って設置しようと思っています。
それが、新規記事投稿画面では絵文字がちゃんと表示されているのに、実際記事を投稿してみると表示されないのです(数字の表示になってしまいます)。

上記のコメントを参考にして、contentをmainに変更してみました。
絵文字URLも確認したところ、ちゃんと表示されます。

何が原因なのでしょうか・・?
どうぞよろしくお願いします。

[78] Posted by nya- : February 20, 2007 1:44 PM

>みーしゃんさん
こんにちは。
ご連絡ありがとうございました。
絵文字は表示されるようになりましたでしょうか。
まだ不具合あるようでしたら遠慮なくご連絡ください。
ではでは!

>nya-さん
こんにちは。
ご質問の件ですが、HTMLテンプレートに6項の一番最初のリスト

<script type="text/javascript" src="{site_top}emoji.js" charset="utf-8"></script>

が設定されていないようです。
それではよろしくお願い致します。

[79] Posted by yujiro : February 20, 2007 2:14 PM

yujiro様。
早々のお返事ありがとうございます!
大事な部分が抜けてたんですねぇ?・・
お蔭様で無事に表示されました!
本当にありがとうございました。

[80] Posted by nya- : February 20, 2007 2:40 PM

>nya-さん
こんばんは。
ご連絡ありがとうございました。
無事に直ったようでよかったです。
ではでは!

[81] Posted by yujiro : February 21, 2007 11:01 PM

こんばんは。
いつも何故か“二重投稿”になってしまい、なかなかお礼が出来ずスミマセンでした。

無事絵文字も表示されるようになり、とても嬉しく思っています。
同じ方のテンプレートなら、同じ風にすれば設定できるかもしれないのですが、他の方のテンプレートに変えるときっと設置できないと思うので、また質問に上がらせていただくと思いますが、宜しくお願いいたします。
あと、こんな素敵なスクリプト、どうもありがとうございました。

[82] Posted by 若菜 : February 22, 2007 12:05 AM

>若菜さん
こんばんは。
ご連絡ありがとうございました。
ちなみにこの設定であれば、他のテンプレートでもそのまま使える可能性大ですが、動作しなくなりましたら、またその節はご連絡ください。
ではでは!

[83] Posted by yujiro : February 22, 2007 7:15 PM

はじめまして。
このサイトでSerene Bachで絵文字が使える事を知って、
さっそく頑張ってみたのですが、記事には絵文字がつくものの、
コメントの方では[・・・]の状態になってしまいます。

何が原因なのかさっぱりなんです・・・。
良ければ教えていただけますか?

[84] Posted by ワカ : February 23, 2007 4:47 AM

>ワカさん
はじめまして。
ご質問の件ですが、7項の最後のリストにある

changeCustmizeEmojiTag('comments', 'div' ,'comment');

changeCustmizeEmojiTag('', 'dt' ,'comment');

に変更してください。これで表示されると思います。

以上です。
それではよろしくお願い致します。

[85] Posted by yujiro : February 24, 2007 5:59 PM

yujiro さん、ありがとうございます!!
バッチリ表示されました♪

他のも色々と使わせていただきますね?。

[86] Posted by ワカ : February 25, 2007 9:18 AM

>ワカさん
こんばんは。
ご連絡ありがとうございました。
無事に表示されたようでよかったです。
ではでは!

[87] Posted by yujiro : February 26, 2007 11:14 PM

初めまして。私はLivedoorを使ってるのですが、こちらのカスタムは使えますでしょうか?
Stollさんのブログでの支援が難しいようで、辿ってきました。
『一部修正すれば』というのはどこのことでしょうか?
ブックマークレットのことなどよく知らない初心者なのでわからない所が沢山あって・・・

ちなみに私はLivedoorの旧テンプレを使っています。

どうぞ宜しくお願い致します。

[88] Posted by 浅葱 : March 2, 2007 1:47 AM

連続投稿すみません。
可能であれば、JUGEMのほうも教えてください。
色々と我侭言ってしまい、すみませんが宜しくお願い致します。

[89] Posted by 浅葱 : March 2, 2007 1:50 AM

>浅葱さん
こんにちは。
ご返事遅くなってすいません。
ご質問の件ですが、「他のテンプレート」は「当サイト以外で配布している Serene Bach のテンプレート」という意味でして、他のブログサービスを指しているものではありません。
また、Livedoor等のブログサービスでは、ユーザが管理画面を編集できないため、本カスタマイズは残念ながら適用できないと思われます。
ご期待に添えず申し訳ございません。

[90] Posted by yujiro : March 5, 2007 5:52 PM

yujiroさん
こんにちは。お返事有難うございます。
ブログサービスのことではなかったのですね(^^;;
ご丁寧に有難うございました。
今回は残念でしたが、また便利そうなカスタマイズを見つけたら
お世話になると思いますので、その時は宜しくお願いします。
ありがとうございました。

[91] Posted by 浅葱 : March 6, 2007 1:11 AM

いつもカスタマイズでお世話になってます。
今回こちらの"記事とコメントに絵文字表示する方法"を見てカスタマイズしたのですが、、、
エントリー部分は問題なく表示されるものの、コメント部分だと絵文字でなく
[01]等の自分で設定した数字が表示されてしまいます。
何度か上記の方へのアドバイス等を見て色々と変更してみたのですが、
未だに表示はされず頭を抱え込んでいる次第です。

そこで、もし良ければアドバイスを頂けたら‥と思って書き込みました。
お忙しいところ失礼とは思いますが、どうぞ宜しくお願い致します。

[92] Posted by shizuka : March 6, 2007 1:53 PM

>浅葱さん
こんにちは。
ご連絡ありがとうございます。
また何かございましたらご連絡ください。
こちらこそどうぞよろしくお願い致します。

>shizukaさん
こんにちは。
ご利用ありがとうございます。
ご質問の件ですが、

changeCustmizeEmojiTag('', '' ,'comment_body');

changeCustmizeEmojiTag('', '' ,'comment');

に変更してください。これで表示されると思います。
それではよろしくお願い致します。

[93] Posted by yujiro : March 6, 2007 4:56 PM

お忙しい中、親切に回答して頂き有り難う御座います。
さっそく変更してみたところ、無事に絵文字が表示されるようになりました。
カスタマイズは難しければ難しいほど、上手に出来なかったり
イライラしたりもするけれど出来たときの感動が大きいですね。
今度は自分の力で解決できるよう、勉強を続けていきたいと思います。

有り難う御座いました♪

[94] Posted by shizuka : March 6, 2007 7:53 PM

>shizukaさん
こんにちは。
ご連絡ありがとうございました。
無事に表示されるようになって良かったです。
たしかに「産みの苦しみ」みたいなところがありますね。
BlogPeople登録もありがとうございました。
ではでは!

[95] Posted by yujiro : March 8, 2007 1:45 PM

以前にもお世話になりました、まりもです。
新しいテンプレに変えたところ、またしても表示されなくなってしまいました。
自分でいろいろやってみたのですが、どうしてもわかりません。
またお力を貸していただけると幸いです。

コメント部分には絵文字が表示されているのですが、本文とコメント部分が数字で表示されてしまいます。

どうしたらよいのかわからずに困っています。
毎度毎度申し訳ございませんが、よろしくお願いします。

[96] Posted by まりも : March 11, 2007 11:22 PM

>まりもさん
こんにちは。
ご質問の件ですが、下記のように修正してください。該当箇所の変更前(または削除)を赤、変更後を青で示しています。

変更前

<script type="text/javascript">
<!--
changeCustmizeEmojiTag('entry', 'div', 'entry_body'); // 本文に絵文字を表示する
changeCustmizeEmojiTag('entry', 'div', 'entry_more'); // 続きに絵文字を表示する
// -->
</script>
    :
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('', '' ,'comment');
// -->
</script>

変更後

<script type="text/javascript">
<!--
changeCustmizeEmojiTag('', 'div', 'entry_body'); // 本文に絵文字を表示する
changeCustmizeEmojiTag('', 'div', 'entry_sequel'); // 続きに絵文字を表示する
// -->
</script>
    :
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('', '' ,'comment_body');
// -->
</script>

それではよろしくお願い致します。

[97] Posted by yujiro : March 12, 2007 4:27 PM

yujiroさん、こんにちは。

今回も無事に表示ができました。
自分ではてんてこまいだったので、また一つ知識が増えたような気分です。
お忙しい中、お時間を割いていただき、本当にありがとうございました。

[98] Posted by まりも : March 12, 2007 4:47 PM

>まりもさん
こんばんは。
ご連絡ありがとうございました。
無事に表示されたようでよかったです。
ではでは!

[99] Posted by yujiro : March 12, 2007 8:40 PM

初めまして、green lettuceと申します。
いつも御世話になっております。
エントリーに絵文字を導入させて頂いております。
この度Serene Bach2.12Rにバージョンアップしました。
2.12Rにもしっかり対応しておりますのでご報告まで。
有難う御座いました。
今後共よろしくお願い致します。

[100] Posted by green lettuce : March 19, 2007 1:54 PM

いつもお世話になってます。
以前、こちらでコメントの部分を教えていただいた者です。
もう一つの方でも前と同じでコメント部分に絵文字が出ません・・。
私はいったい何を間違えているのでしょうか?
yujiroさん、何度も同じことを聞いて申し訳ないのですが・・・・・・
お助けください・・・。

[101] Posted by ワカ : March 19, 2007 5:51 PM

こんにちは。
以前"空白の1行"の件でお世話になりましたponkoです。
現在使用している絵文字を別の絵文字に変更したいと思っています。
旧絵文字画像と新絵文字画像を入れ替えることなく、
旧絵文字はそのまま表示しつつ、
新絵文字を新たに使いはじめるのに、何か良い方法はないでしょうか?
新絵文字画像を今までのものに追加することも考えましたが、
画像が増える分、表示が重くなってしまったり、スペースをとってしまうので、
使いづらくなるかなと思いました。
設置方法等の質問ではなくすみません。
何か良い方法がありましたらアドバイスください。
よろしくお願いします。

[102] Posted by ponko : March 20, 2007 11:16 AM

>green lettuceさん
はじめまして。
コメントありがとうございました。
正常に動作しているようで良かったです。
「2.12RでOK」ということで本文の適用可能バージョンを修正させて頂きました。
情報ありがとうございました。

>ワカさん
こんにちは。
拝見させて頂いたところ、設定自体は問題ないようです。ただ、コメント欄に絵文字を表示する "[06]" 等のマークが入っていないようですので、再度ご確認ください。
それではよろしくお願い致します。

[103] Posted by yujiro : March 20, 2007 11:24 AM

yujiroさん、こんにちは。
以前は、お忙しい中アドバイスを頂きお世話になりました。

それで、今更なのですが、またアドバイスを頂きたく書き込みさせて頂きます。

コメント欄、絵文字は表示されていますが、コメントを入力中に表示されてる絵文字をクリックしても、コメント欄に反映されません。今は絵文字一覧を使えないのに見せてるだけ状態になっています。

前回同様に、簡単な修正で済むものじゃないかと自分なりに試してみたり、こちらのコメントのやりとりもチェックして、それぞれ試してみましたがうまくいきませんでした。

アドバイス、よろしくお願いします。

[104] Posted by 玲香 : March 21, 2007 1:27 PM

yujiroさん、はじめまして。

絵文字プラグイン導入にチャレンジしています。
記事の方は表示されるのですが、コメントの方は画像名が出てしまいます。
上記のアドバイスなどを参考にしたのですが、どうしても上手くいきません。

どこをどうしていいのかさっぱりわからなくなってしまって・・・アドバイス御願い致します。

[105] Posted by hiro : March 25, 2007 1:31 AM

yujiroさん、こんにちは。

なんとかコメントにも絵文字表示されるようになりました。
ただ、コメントしようとするとページエラーが出るようです。
何か記述間違いがあるのでしょうか。

通常ページ閲覧する分にはエラーは出ないのですが、コメントをクリックすると表示はされていますが左下にページでエラーが発生しましたと出ます。
何か抜けているのか多いのか探しても分からず・・・
アドバイス頂けませんでしょうか。
よろしくお願い致します。

[106] Posted by hiro : March 25, 2007 11:21 AM

>玲香さん
こんばんは。
ご返事が大変遅くなり申し訳ありません(原因が分からず数日悩んでました…)。
で、対処方法ですが、テンプレートにある検索フォームの name 属性名 "comform"(赤色)を "searchform" 等に変更してください。

<div class="sidetitle">
Search this site
</div>
<div class="side">
<form name="comform" method="get" action="http://8p8p.sakura.ne.jp/sb/sb.cgi">
  :
</form> 
</div>

"comform" ではコメント投稿フォームの name 属性と重複するため、正常に処理できなくなるようです。
それではよろしくお願い致します。

>hiroさん
こんばんは。
ご返事が大変遅くなり申し訳ありません。
不具合はまだ発生しておりますでしょうか。コメント投稿しなければ発生しないようであれば私からテストコメントしてもよろしいでしょうか。
状況ご連絡頂ければ幸いです。
それではよろしくお願い致します。

[107] Posted by yujiro : April 5, 2007 6:22 PM

こんばんは。

コメント残して頂きありがとうございました。
どうやら他のscriptを入れるとエラーが出てしまうようで解決出来なかったので、エラーの原因になるものを削除してしまいました。
現状ではエラーは出ていないようです。

お世話になります。ありがとうございました。

[108] Posted by hiro : April 5, 2007 8:54 PM

>hiroさん
こんばんは。
ご連絡ありがとうございました。
私がコメントした時もエラーは発生しませんでした。
削除したスクリプトを復活させること等がありましたらまたご連絡ください。
ではでは!

[109] Posted by yujiro : April 5, 2007 9:33 PM

yujiroさん、こんばんは。
わざわざ、コメントでご連絡いただきありがとうございました。
早速、教えて頂いたように変更しました。
無事、クリックしたアイコンがコメント欄に反映し、ちゃんと表示されました。
お忙しいのに、本当にありがとうございました。

[110] Posted by 玲香 : April 5, 2007 11:21 PM

(再度質問します)
こんにちは。
以前"空白の1行"の件でお世話になりましたponkoです。
現在使用している絵文字を別の絵文字に変更したいと思っています。
旧絵文字画像と新絵文字画像を入れ替えることなく、
旧絵文字はそのまま表示しつつ、
新絵文字を新たに使いはじめるのに、何か良い方法はないでしょうか?
新絵文字画像を今までのものに追加することも考えましたが、
画像が増える分、表示が重くなってしまったり、スペースをとってしまうので、
使いづらくなるかなと思いました。
設置方法等の質問ではなくすみません。
何か良い方法がありましたらアドバイスください。
よろしくお願いします。

[111] Posted by ponko : April 6, 2007 7:42 AM

>玲香さん
こんばんは。
ご連絡ありがとうございました。
うまくできたようで良かったです。
ではでは!

>ponkoさん
こんばんは。
#前回頂いたコメントは私の投稿とすれ違ってしまったようで気がついておりませんでした。申し訳ありません。

ご質問の件は「これまでに表示していた画像はエントリー編集画面やコメントフォーム欄の表示から削除し、かつ過去のエントリー本文やコメント欄で使用した画像はこれまで通り表示させたい」ということでよろしいでしょうか。

案ベースですいませんが、絵文字をフォームに表示する関数(writeCustmizeEmojiTagList)と、エントリーやコメント欄に絵文字を表示する関数(changeCustmizeEmojiTag)は独立しているので、emoji.js の画像リストにはとりあえず新旧全ての画像を列挙し、前者の関数で新しい画像のみを読み込むように実装すればうまくできるのではないかと思います。

例えば getCommentEmojiList にパラメータをひとつ設けて、writeCustmizeEmojiTagListから起動する場合はパラメータに"0"、changeCustmizeEmojiTagから起動する場合はパラメータに"1"を与えます。これでどちらの関数から起動されたか分かるので、writeCustmizeEmojiTagListから起動された場合は新画像分のリストのみ生成、changeCustmizeEmojiTagから起動された場合は新旧全てのリストを生成・返却します。

それではよろしくお願い致します。

[112] Posted by yujiro : April 9, 2007 7:32 PM

yujiroさん、こんにちは。
お返事ありがとうございました。
せっかくアドバイスいただいたのですが、
私、Javascriptについては何にもわからないため、
自身で試すことができませんでした。
お忙しい中、すみませんでした。
もし機会がありましたら、この件について、
また改めてご説明いただけるとありがたいです。

[113] Posted by ponko : April 12, 2007 2:56 PM

はじめまして
みなさまが質問されてることと同じ内容で恐縮なのですが・・・・・
コメントを投稿した際の絵文字が表示されません
みまさまの質問とyujiroさんの回答を何度も何度も読み返していろんな想定で試して見たのですが、ご回答されている記述変更はすべてだめでした

changeCustmizeEmojiTag('comments', 'div' ,'comment');

この部分の変更だとは思うのですが、私のテンプレートの場合、どのように変更すれば表示されるようになるでしょうか・・・・・
お忙しい中、同じような質問でほんとうに申し訳ないのですが、ご伝授ください
よろしくおねがいします

[114] Posted by みこち : April 13, 2007 2:47 PM

>ponkoさん
こんにちは。
大変失礼いたしました。
それでは改めてソースコードを考えて、エントリーしたいと思います。
すいませんが少々お時間ください。

>みこちさん
はじめまして。
ご利用ありがとうございます。
ご質問の件ですが、下記のようにしてみてください。

changeCustmizeEmojiTag('comments', 'dl' ,'comment_body');

うまくできなかった場合、すいませんが再度ご連絡頂けますでしょうか。
それではよろしくお願い致します。

[115] Posted by yujiro : April 13, 2007 7:10 PM

yujiroさん、早速のご指南、ありがとうございます
最初教えていただいたとおりやってもできなかったのですが、もう一度丁寧に慎重にやり直してみたら、教えていただいたタグで表示されました
まじで感激です・・・・・
今日、半日タグとにらめっこした苦労が報われた思いです
ほんとうにお忙しいところをありがとうございました
これからもますますのご活躍を期待しております^^

[116] Posted by みこち : April 13, 2007 8:31 PM

>みこちさん
こんばんは。
コメントがないので確認できてませんが、回答のタグでうまくできましたでしょうか。
もし不具合が残るようでしたら遠慮なくおっしゃってください(たまに回答ミスがありますので)。
ではでは!

[117] Posted by yujiro : April 15, 2007 12:42 AM

yujiroさん、こんばんは。
先日はお世話になりました。
テンプレートを変えたら、コメントが書き込めなくなってしまったようなので、またご教授いただけますでしょうか?

コメントを書き込んでも、書き込む前のコメント画面になるばかりで書き込めない状況です。
絵文字どころではない感じで・・・。
絵文字導入の後に、カラーピッカーと文字リサイズのカスタマイズをしたのでそれかなと思って削除したのですが、変りません。
どこに原因があるのかもし分かるようでしたら、教えていただけますでしょうか?

[118] Posted by 若菜 : April 27, 2007 12:20 AM

>若菜さん
こんばんは。
ご質問の件ですが、下記の記事にしたがってテンプレートを修正してみてください。これでコメントできないようであれば配布テンプレートをカスタマイズ前の状態(と先の修正を加える)でお試しください。
Serene Bach を最新版にアップグレードされてもいいかもしれません。
それではよろしくお願い致します。

[119] Posted by yujiro : April 29, 2007 1:48 AM

>若菜さん
こんばんは。
ご質問の件ですが、下記の記事にしたがってテンプレートを修正してみてください。これでコメントできないようであれば配布テンプレートをカスタマイズ前の状態(と先の修正を加える)でお試しください。
Serene Bach を最新版にアップグレードされてもいいかもしれません。
それではよろしくお願い致します。

[120] Posted by yujiro : April 29, 2007 1:51 AM

こんばんわ!
絵文字を無事表示することができていたのですが、IEで確認したら絵文字が表示さてていなく、エラーを確認したら、どうも絵文字のスプリクトのほうで文字化けのエラーが出ていることが分かったのですが、修正したらFirefoxでも表示されなくなってしまいました。emoji.jsの方も確認し、文字コードも確認したところ間違ってはいないと思うのですが…
IEでblogを表示すると、デザインも違うのでIEとFirefoxではCSSなどの設定も違うのでしょうか?スプリクトを入れているせいなのか、さっぱり分からなくなってしまって…お忙しいと思いますが、ご伝授していただけないでしょうか><
よろしくお願いします。

[121] Posted by chi : May 17, 2007 1:42 AM

>chiさん
こんにちは。
ご利用ありがとうございます。
ご質問の件ですが、何ヶ所か修正する必要があります。

まず、IE で絵文字が表示されない原因は、タイトル下のナビゲーションバー部分の HTML(約40行ほど)が誤っているのが原因です。
例えば、ul の子要素として書けるのは li ですが、div が記述されています。また、div と li が入れ子になっていない箇所もあります。
このような部分をきちんと書き直せば表示されるようになります。
目視で分からない場合は下記のツールを利用してチェックしてください。

Another HTML-lint gateway

またタグの親または子に何のタグが書けるかは、「XHTML タグ一覧表示ツール」をご利用ください。

また、IE のエラーは絵文字スクリプトとは関係ないところが影響しています。ページ最後の方にある、

<script type="text/javascript" src="http://www.webdimple.com/script.js"></script>

<script type="text/javascript" src="http://www.webdimple.com/script.js" charset="euc-jp"></script>

に修正すれば解消されます。

IE と Firefox では CSS の解釈に差分がありますが、HTML を直せばある程度同じ表示になるかもしれません。今回の修正で IE と Firefox でレイアウトが異なる場合はテンプレート配布元にご相談ください。
それではよろしくお願い致します。

[122] Posted by yujiro : May 17, 2007 10:26 AM

yujiroさん、お返事ありがとうございます!
IEでの絵文字、表示されました!!デザインもちゃんと表示することができました!ありがとうございます”!!!原因は絵文字のほうではなかったみたいですみません。

IEのエラーなのですが、スクリプトの表示も修正してみたのですが、 charset="euc-jp"の所は自分のエンコード(UTF-8)にしたほうが良いですか?どちらもやってみたのですが、まだエラーが出るので教えてもらったAnother HTML-lint gatewayで確認したところ、ものすごい量のエラーがでたのですが、あれはすべて修正するべきなのでしょうか?
ステータスバー?に出るエラーがどのエラーなのか分からずで…直せるところは直してみました。ここで聞くことじゃないことは分かっているのですが>< こういう事はどこでしつもんすれば良いのでしょうか?

[123] Posted by chi : May 18, 2007 11:29 AM

>chiさん
こんばんは。
ご質問の件ですが、エラーは

<script type="text/javascript" src="http://www.webdimple.com/script.js" charset="euc-jp"></script>

ではなく、他の箇所で発生しています。

script 要素の charset 属性は「読み込むファイルの文字コード」を指定するものですので、ブログの文字コードを設定するのは誤りです。

また現在発生しているエラーはリアルタイムカウンタ(マークアップが誤っていた箇所に埋め込んでいるスクリプト)で発生しています。

スクリプト自体がよくないようですので、下記の内容をコピーして丸ごと入れ替えてください。

<!-- POWERED BY RTOC REAL-TIME ONLINE COUNTER HTTP://WWW.J-FX.WS/RTOC/ -->
<script type="text/javascript">
<!--
function callServer(url) {
    new Ajax.Request(url, {
                         method: 'get',
                         onComplete: updatePage
                     });
}
function updatePage(req) {
    $("rtoc").innerHTML = req.responseText;
    setTimeout("callServer('http://www.webdimple.com/plugin/resource/rtoc.php')",2500);
}
callServer("http://www.webdimple.com/plugin/resource/rtoc.php");
// -->
</script>

また、このスクリプトを起動するには prototype.js が必要になりますので、

http://www.prototypejs.org/download

より prototype.js をダウンロードし、サーバにアップロードして head 終了タグの前に

<script type="text/javascript" src="http://www.webdimple.com/prototype.js"></script>

を追加してください。

これでエラーは解消すると思いますが、配布スクリプト(http://www.webdimple.com/plugin/resource/rtoc.php)の動作のご質問にはお答え致しかねますので、予めご容赦ください。

Another HTML-lint gateway のエラーについては、得点の高いものから順に修正していくと良いでしょう。2点や1点のものは後回しで良いですが、ゆっくりでも構わないので100点に近づけることをお勧めします。
修正のメリットは、エラーが少ないほど多くのブラウザできれいに表示されるようになります。

それではよろしくお願い致します。

[124] Posted by yujiro : May 19, 2007 2:31 AM

続けてコメントしてしまって申し訳ないです…。
blogを色々確認していたらコメントを投稿した時の絵文字が表示されていなく、
みなさまのコメントの方も見て修正してみたのですが、やはりコメントが
表示されません。firefoxもIEも表示されていませんでした。

writeCustmizeEmojiTagList('document.comform.description');
ここの書き換えもするのでしょうか?

[125] Posted by chi : May 19, 2007 5:25 AM

>chiさん
こんばんは。
ご質問の件ですが、

changeCustmizeEmojiTag('comments', 'div' ,'comment');

changeCustmizeEmojiTag('comments', 'dd' ,'');

に変更してみてください。
それではよろしくお願い致します。

[126] Posted by yujiro : May 20, 2007 1:40 AM

yujiro様、お忙しい中、本当にありがとうございました!
IEでのエラーも無くなり、絵文字もちゃんと表示できるようになりました!!
教えて頂いたHTMLのチェックの方も少しずつ直していきたいと思います。
隅から隅までご親切にありがとうございました!本当に感謝しています!

[127] Posted by chi : May 20, 2007 3:42 AM

こんばんは。
お礼が遅くなってしまってすみませんでした。
バージョンをアップしても解決しなかったため、とりあえず全てのテンプレートを外してみました。
また一から絵文字入力のスクリプトを入れていたら、今まで出来ていた絵文字が使えなくなるかもしれないのですが・・・またその時は宜しくお願いいたします。

[128] Posted by 若菜 : May 20, 2007 11:22 PM

>chiさん
こんにちは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは!

>若菜さん
こんにちは。
ご連絡ありがとうございました。 
また何かありましたらご連絡ください。
それではよろしくお願い致します。

[129] Posted by yujiro : May 22, 2007 10:47 AM

いつもお世話になってます。
2.14Dでの6番までのカスタマイズは成功していましたが,絵文字に変換できません。FTPで設定した画像の数字が出るだけです。
一番最後の項目の「entry_body / entry_more:記事またはコメント本文全体を括っているタグの class 属性」が自分の使っているテンプレートでは,<div class="textBody">一つしかなくその中に{entry_description}と{entry_sequel}が入っている状態です。(他にタグはなし)このままでは正常に動かずスクリプトの部分にも何を入れたらいいか・・・。たぶんココが引っかかってるんじゃないかと思います。

あと,コメントの部分にも絵文字を表示させたいのですが
<form class="post" method="post" achtion="{site_cgi}" id="commetosForm">

<form name="comform" method="post" action="{site_cgi}" id="commentsForm">
としたのですが,これでいいのでしょうか。
次の2つ(青字のタグ)も入れたのですがブラウザ(Firefox)で見るとスクリプトエラーになって絵文字が表示されません。
writeCustmizeEmojiTagList('document.comform.description');
changeCustmizeEmojiTag('comments', 'div' ,'comment');
は,テンプレートに合わせてどこをどういじればいいのかわかりません。

テンプレートは,sbvicunaを使っています。
よろしくお願いします。

[130] Posted by kana : May 30, 2007 11:50 AM

>kanaさん
こんにちは。
ご質問の件ですが、本文と追記が <div class="textBody"> に含まれるのであれば

<script type="text/javascript">
<!--
changeCustmizeEmojiTag('main', 'div', 'textBody');
// -->
</script>

で大丈夫です。

コメントに表示されない不具合ですが、まず /head の前に emoji.js を読み込む script 要素を追加してください(これでフォームに表示されます)。

それから

changeCustmizeEmojiTag('comments', 'div' ,'comment');

changeCustmizeEmojiTag('comments', 'dd' ,'');

に変更してください。多分これでコメントにも反映されると思います。
それではよろしくお願い致します。

[131] Posted by yujiro : May 30, 2007 3:06 PM

お返事ありがとうございます。
無事すべて表示する事ができました。2.14Dでも正常に動作しています。
また何かありましたらよろしくお願いします。

[132] Posted by kana : May 31, 2007 9:14 PM

>kanaさん
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは!

[133] Posted by yujiro : June 4, 2007 11:11 AM

いつもお世話になっています。

今回こちらの
記事(エントリー)に絵文字を使う for Serene Bach
をやってみたのですが、コメントに絵文字が使用できません。

お手数をおかけしますが、教えていただけませんか?
お願いします。

[134] Posted by ワカ : June 15, 2007 6:08 PM

>ワカさん
こんばんは。
ご利用ありがとうございます。
ご質問の件ですが、「コメントに入力した絵文字が投稿後、コメント欄に反映されない(テキストで表示?)」ということでよろしいでしょうか?
であれば、コメントに絵文字を投稿した状態のページをひとつ作って、再度ご連絡頂けますでしょうか。拝見させて頂いた状態では不具合が確認できません。
それではよろしくお願い致します。

[135] Posted by yujiro : June 17, 2007 11:51 PM

yujiro様、言葉が足らなくてすみません。
質問については、その通りです。

コメントに絵文字を使って投稿してみましたので、
よろしくお願いします。

・・・何度も申し訳ありません・・・

[136] Posted by ワカ : June 19, 2007 12:41 PM

なんどもすみません。
ついで・・というか、アーカイブのところのツリー化だけが上手くできないのですが、
どこが悪いのでしょうか?

教えていただけるとたすかります・・・。

[137] Posted by ワカ : June 19, 2007 1:08 PM

>ワカさん
こんにちは。
絵文字が表示されない件は

changeCustmizeEmojiTag('comments', 'div' ,'comment');

changeCustmizeEmojiTag('entry_area', 'dd' ,'');

に変更してみてください。

アーカイブツリーは

generateNormalTree("archivelist");

generateTreeForTreeStructure("archivelist");

に変更してください。
それではよろしくお願い致します。

[138] Posted by yujiro : June 19, 2007 4:14 PM

yujiro様・・・・できました。

尊敬します・・・。本気で。

どうもありがとうございました!!

[139] Posted by ワカ : June 19, 2007 4:54 PM

>ワカさん
こんにちは。
うまくできたようで良かったです。
ではでは!

[140] Posted by yujiro : June 23, 2007 12:08 PM

こんばんは。
いつもお世話になっています。
先日Serene Bachのバージョンを2.17Rにしたところ、エントリーページの絵文字が表示されなくなりました。
コメント画面の絵文字は表示されています。
また、今までの記事の絵文字も表示されています。

何故なのでしょうか?
また、どうしたら元通り表示されるようになりますでしょうか?
お忙しいとは思いますが、宜しくお願いいたします。

[141] Posted by 若菜 : August 1, 2007 11:37 PM

>若菜さん
こんばんは。
ご質問の件につきまして、サイトを拝見させて頂いたところ表示されているようですが、解消されましたでしょうか?
不具合が続いているようでしたらご連絡お待ちしております(すいませんが不具合がある状態でサイトを拝見させてください)。
それではよろしくお願い致します。

[142] Posted by yujiro : August 4, 2007 1:33 AM

こんばんは。
すみません、表現が間違っていたようです。
絵文字が出ないのは、新規記事作成の画面です。
新しく記事を書くときに、絵文字が出ない状態なのです。
数字のみで[01]と書き込むと、アップした記事には絵文字が出るようです。

新規記事作成の画面のみに絵文字が出ないようなのですが、どうすればいいのでしょうか?

[143] Posted by 若菜 : August 5, 2007 11:44 PM

>若菜さん
こんばんは。
ご返事遅くなりすいません。
確認ですが、2.17Rにバージョンアップされた後、本エントリーの1項および2項の手順は再度実施されましたでしょうか(バージョンアップで以前の変更が上書きされてしまうため)。
それではよろしくお願い致します。

[144] Posted by yujiro : August 13, 2007 10:00 PM

ありがとうございましたー。
全く忘れておりました。
次回からバージョンアップの際には気をつけます。

[145] Posted by 若菜 : August 14, 2007 11:24 PM

こんにちは。今回こちらの記事を参考にさせていただきました。
現在SBのバージョンは2.17Rとなっていますが、
こちらで予め用意された「entry.html」が問題なく使用できましたので報告いたします。

また質問なのですが、現在エントリの記事の行間を指定しているのですが、
絵文字を挿入すると、その行が上に詰まってしまいます。
非常に初歩的なことをお聞きするようで申し訳ございませんが、
解決法がありましたら教えていただけますと幸いです。
お忙しいところ申し訳ございません。

[146] Posted by しんく : August 19, 2007 11:48 AM

大変申し訳ございません、自己解決いたしました。

[147] Posted by しんく : August 21, 2007 7:05 PM

>しんくさん
こんにちは。
ご連絡遅くなり申し訳ありません。
ご質問の件、自己解決されたようで良かったです。
ではでは!

[148] Posted by yujiro : September 6, 2007 10:49 AM

こんにちは、
先日テンプレートをblog TK*Plus1 さんの縞々に変更して
Serene Bach 2.17Rにバージョンアップしましたが
上の記事を参考にして色々いじってみたのですが、
何度やってもコメントの絵文字が表示されません。

アドバイスをください。
お願いします。

[149] Posted by garanceria : September 18, 2007 9:34 AM

>garanceriaさん
こんにちは。
ご質問の件ですが、まず、テンプレートに設定されている

<script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能:画像変換
function changeCustmizeEmojiTag() {
// (1)コメント全体のタグの id 属性
var commentAreaIdName = 'comment';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'comment';
 
// ***************** 設定ここまで *****************
var list = getCommentEmojiList();
var att = getCustmizeEmojiAttribute();
var objComArea;
var classComArea;
var objComBody = new Array();
if (commentAreaIdName != '') {
objComArea = document.getElementById(commentAreaIdName);
if (!objComArea || !objComArea.innerHTML) return;
classComArea = objComArea.getElementsByTagName(commentAreaTag);
} else {
classComArea = document.getElementsByTagName('*');
}
for (var i = 0; i < classComArea.length; i++) {
if (classComArea[i].className == commentBodyClassName) objComBody[objComBody.length] = classComArea[i];
}
for (var i = 0; i < objComBody.length; i++) {
objComBody[i].innerHTML = getStringCustmizeEmojiTag(list, objComBody[i].innerHTML, att);
}
}
 
function getStringCustmizeEmojiTag(list, s, att) {
for (var i = 0; i < list.length; i++) {
s = s.split('[' + list[i][0] + ']').join('<img src="' + list[i][1] + '"' + att + ' alt="' + list[i][0] + '" />');
}
return s;
}
changeCustmizeEmojiTag('', 'div' ,'comment');
// -->
</script>

を削除してください(本カスタマイズにはこのような設定はありませんので、過去の設定が残っていたのでしょうか)。

それから、その少し下にある、

changeCustmizeEmojiTag();

changeCustmizeEmojiTag('', 'div', 'comment');

に変更してください。これで絵文字が表示されると思います。
それではよろしくお願い致します。

[150] Posted by yujiro : September 18, 2007 6:50 PM

早々のアドバイスありがとうございます。

本当です。
どうして、過去の設定があったのか
私にも不明です。
数日間・・・わからずに夜も眠れない日があったので
これで今夜はぐっすり眠れます。

お騒がせいたしました。
そしてありがとうございました。

[151] Posted by garanceria : September 18, 2007 11:11 PM

>garanceriaさん
こんばんは。
ご連絡ございました。
無事に表示されたようでよかったです。
ではでは!

[152] Posted by yujiro : September 20, 2007 1:54 AM

質問させてください。
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('comments', 'div' ,'comment');
// -->
</script>
<!-- END comment_area -->

この部分なのですが、

comments:全体を括っている div 要素の id 属性
div':コメント本文全体を括っているタグ
comment:コメント本文全体を括っているタグの class 属性

ということで良いんですよね?
コメント部分の絵文字は表示されたものの…クリックしても反応が無いので
試行錯誤しているのですが、意味をちゃんと分かった方がこれからの為になると
思いまして…。宜しくお願いいたします。

[153] Posted by chi : December 6, 2007 7:42 PM

すみません!肝心なところが空白になってしまいました><

<script type="text/javascript">
<!--
changeCustmizeEmojiTag('comments', 'div' ,'comment');
// -->
</script>
<!-- END comment_area -->

この部分です!

[154] Posted by chi : December 6, 2007 7:45 PM

>chiさん
こんにちは。
ご質問の件ですが、コメントに適用する際の設定の各パラメータの意味は、

  • 1つめ:コメント全体を括っている id 属性(多分、div 要素でなくても良い)
  • 2つめ:ひとつのコメントを括っている要素(div 等)
  • 3つめ:「2つめ」の要素に与えられている class 属性

となります。1つめのパラメータは該当するものがない場合は、空白にします。

結論を申し上げますと、

   :
changeCustmizeEmojiTag('', 'dl' ,'comment_body');
   :

で動作するようになりますので、どのように対応しているかご確認ください。

また、コメントフォームに絵文字用のテキストを表示させる設定が誤っているようですので、form 要素に青色の name 属性を追加してください。

<form action="http://www.halapeco.com/sb.cgi" name="comment_form" method="post">

それではよろしくお願い致します。

[155] Posted by yujiro logo : December 7, 2007 12:48 PM

分かりやすく説明してくださり、ありがとうございます!
違う意味でとらえてしまっていたので質問してよかったです。
それ以前に詳しく書いてくださってるのにもかかわらず すいません(泣)
しかも間違いまでご指摘くださって助かりました!
ありがとうございました!!

[156] Posted by chi : December 8, 2007 12:06 AM

yujiroさん、こんにちは。
以前、メールで質問させていただいたmieです。
先日、テンプレートを変更し、絵文字を設置したのですが、
サイドバーが下に落ちてしまい、また、カレンダーが小さくなってしまいました。
どうしても分からないので、アドバイスをお願いします。

[157] Posted by mie : December 9, 2007 12:37 AM

yujiroさん、こんにちは。
今日、悪戦苦闘しながらがんばった結果、サイドバーが戻りました。
いろいろとご迷惑をおかけしまして、また、コメントに書いてしまい、申し訳ありませんでした。
これからもよろしくお願いします。

[158] Posted by mie : December 10, 2007 7:39 AM

>chiさん
こんにちは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは!

>mieさん
こんにちは。
ご質問の件、自己解決されたようですね。
お疲れ様でした。
また何かございましたらご連絡ください。

[159] Posted by yujiro logo : December 10, 2007 1:55 PM

yujiroさん、初めまして。ともと申します。
こちらのスクリプトを使わせていただくのは2度目です。
ありがとうございます。

実はテンプレートを変えたところ、どうやってもコメント欄に絵文字として表示されなくなってしまいました。
エントリー記事と投稿画面には画像が表示されています。
「<changeCustmizeEmojiTag('comments', 'div' ,'comment');>」
の辺りでつまずいてると思い、いろいろ試したのですが・・・。

URLに仮で調整してるSBのアドレスを入れました。
お忙しいところ恐縮ですが、どこがおかしいのか教えていただけると助かります。

[160] Posted by とも : December 16, 2007 12:01 AM

お騒がせいたしました。
思考錯誤の中で、偶然直すことが出来たようです。
失礼いたしました。。。

[161] Posted by とも : December 16, 2007 1:36 PM

>ともさん
こんにちは。
ご質問の件、自己解決されたようで良かったです。
ご連絡ありがとうございました。
ではでは!

[162] Posted by yujiro logo : December 17, 2007 1:52 PM

はじめまして。
「記事(エントリー)に絵文字を使う」のエントリー他いくつか参考にさせていただいたので、トラバでバラバラと個別に送信するのも何かと思ったのでコメントで残させてください。
何箇所か悪戦苦闘しつつも何度か記事を読み返しながら無事全て表示する事ができました。
ありがとうございますm(_゛_)m
それと、BPリンク登録をさせていただきましたのでこれからどうぞ宜しくお願いします♪

[163] Posted by Azumi : December 27, 2007 3:51 AM

>Azumiさん
はじめまして。
ご利用&ご連絡ありがとうございます。

BPリンクもありがとうございました。
こちらからも別途リンクさせて頂きます。
こちらこそ今後ともよろしくお願いいたします。

[164] Posted by yujiro logo : December 28, 2007 1:26 PM

こんばんわ
blog TK*Plus1 さんのテンプレートを使用しています。
上の記事を参考にして色々いじってみたのですが、
何度やってもコメントに絵文字が表示されません。

アドバイスをください。
お願いします。

[165] Posted by ゆみかん : March 9, 2008 11:40 PM

>ゆみかんさん
こんにちは。
ご利用ありがとうございます。
ご質問の件ですが、

changeCustmizeEmojiTag('comment', 'dd' ,'');

changeCustmizeEmojiTag('', 'dd' ,'');

にすれば表示されます。

表示されなかった原因は、changeCustmizeEmojiTagの、最初のcommentという指定は、id属性から探すのですが、ブログに「id="comment"」と書かれたタグがないため、何も表示されませんでした。「class="comment"」はありますが、これは検索の対象になりません。
この部分を空にしておけば、すべてのタグを対象に検索してくれます。

それではよろしくお願い致します。

[166] Posted by yujiro logo : March 11, 2008 1:57 AM

yujiroさんアドバイスありがとうございました。

changeCustmizeEmojiTag('', 'dd' ,'');に直したのですが
やはり絵文字が表示されません。
またページでエラーが発生しましたと出ます。
どこが悪いのかさっぱりわからず・・・

すいません。
再度アドバイスお願いします。

[167] Posted by ゆみかん : March 11, 2008 10:12 PM

>ゆみかんさん
こんばんは。
先ほど下のURLを拝見したところ、正常に表示されているようです。
http://prettyheart.chu.jp/bloggg/log/eid348.html
コメント本文に表示されていないようであればブラウザのキャッシュをクリアしてみてください。
なお、テキストエリアには絵文字に対応する記号しか表示されませんので、その点は誤解なきようお願い致します。

[168] Posted by yujiro logo : March 12, 2008 2:41 AM

ブラウザのキャッシュをクリアをしてみたんですが
やはりコメントのとこには[001]などと数字で表示されてしまいます。
記事のとこにはちゃんと絵文字が表示されるのですが
コメントには絵文字の名前?の数字で表示されるのです。
何回もすいません・・・

[169] Posted by ゆみかん : March 13, 2008 1:28 AM

すいません。
できました。

changeCustmizeEmojiTag('', 'div' ,'comment');

に変えたら表示されました。
お忙しい中、本当にありがとございました。

[170] Posted by ゆみかん : March 13, 2008 1:57 AM

>ゆみかんさん
こんばんは。
ご連絡ありがとうござました。
なにはともあれ無事に表示されて良かったです。
ではでは!

[171] Posted by yujiro logo : March 13, 2008 11:25 PM

Serene Bach 2.12Rを使っています。

記事投稿画面の修正で、
UTF-8版
をDLし、アップロードすると、
新規記事作成画面が文字化けしてしまいます。

何か初歩的な間違いをしているのでしょうか?


試しにこちらのUTF-8版をアップロードする前の最初の自分の
entry.html
これをダウンロードし、書き足しをしてアップロードしてみましたが、
やはり文字化けします。

サイトにパスをかけているのでこちらにURLを書けないのですが、
もし可能性として何かわかることがありましたらアドバイスお願いします。

ちなみに、記事は普通にアップ出来、絵文字も表示されます。
ただ新規作成画面の中の「タイトル」「カテゴリー」その他「新規作成画面」の文字も、みな文字化けしてしまうのです。

[172] Posted by りん : May 27, 2008 11:30 AM

りんさん

参考程度までに・・・

entry.htmlの保存する文字コードとSerene Bachの文字コードが違っているので文字化けしてると推測します。

文字コードを調べてみては如何でしょうか?

[173] Posted by ken : May 27, 2008 7:15 PM

kenさん

ありがとうございます。
どこだったかを見た時に「UTF-8」と書いてあったので、こちらだとばかり思い込んでいました。
どこを見れば文字コードがわかるのでしょうか‥‥。
sbの頃からずっと使っていて色々とやってきたわりには、
こんなことがわからない自分に恥ずかしいです。

無事に設置出来ました。
ありがとうございました。

[174] Posted by りん : May 27, 2008 9:15 PM

りんさん

>無事に設置出来ました。

無事に設置できてよかったです^^

>どこを見れば文字コードがわかるのでしょうか‥‥。

例外もありますが、Blog等の文字コード見るときは、ブラウザで表示させ、
表示→エンコードで吐かれている文字コードが確認できますね。

ダウンロードしたファイルなどの場合は、Win標準のメモ帳では確認できないので
フリーのテキストエディターを使えば文字コード確認ができます。

有名なのが?サクラエディターとかかな?
私はUnEditorというタブ型エディター使ってますよ。
#同じ作者さんのソフトで非タブ型でNoEditorというのもあります。
#UnEditor/NoEditorはファイルを開くと下に文字コードを表示してくれますので便利です。

って解答で大丈夫でしょうかね?

>他の人へ
補足ありましたらフォローお願いします(。 ^。^)( 。-.-)( _ _)ペコ

[175] Posted by ken : May 28, 2008 12:48 AM

kenさん

ありがとうございます。
表示→エンコードでわかりました。
意味もわかっていませんでした(^^;)
SBの本体(最初にDLした物)に2種類あるのかと思っていたら違ったんですね(恥)

とても丁寧な解説、本当にありがとうございました。

[176] Posted by りん : May 28, 2008 8:47 AM

>kenさん
フォローありがとうございました!

>りんさん
無事に解決したようで良かったです。

ではでは!

[177] Posted by yujiro logo : June 9, 2008 12:24 PM

yujiro様
お久しぶりです。
またまたお騒がせしますが、教えてください。
テンプレートを変更しましたら、コメント欄の絵文字をクリックしても何も
反応しなくなってしまいました。
よいアドバイスをよろしくお願いします。
いつもすみません。

[178] Posted by mie : July 10, 2008 12:06 AM

yujiro様

何度もすみません。
再構築しましたら、絵文字が機能するようになりました。
本当にお騒がせしてすみませんでした。

[179] Posted by mie : July 11, 2008 11:50 PM

>mieさん
こんにちは。
ご連絡ありがとうございました。
ご質問の件、自己解決されたようで良かったです。
ではでは!

[180] Posted by yujiro logo : July 14, 2008 1:34 PM

はじめまして!yujiroさん!
この度、絵文字をどうしてもブログにと思い辿り着いたのがyujiroさんのサイトでした

blog*citronさんのテンプレートを使用させてもらっています。
エントリーにはなんとか反映させる事が出来たのですが、

どう頑張っても公開テンプレートに反映出来ません。
お忙しい中申し訳ありませんが、ご指導お願いできますか?
ヨロシクお願いします。

[181] Posted by miyabi : September 9, 2008 5:36 PM

>miyabiさん
こんにちは。
ご質問の件ですが、公開テンプレートの状態で拝見させて頂ければ幸いです。
それではよろしくお願い致します。

[182] Posted by yujiro logo : September 10, 2008 9:10 AM

yujiroさん!こんにちは!
早速お返事ありがとうございます。
では、メールします。宜しくお願いいたします。

[183] Posted by miyabi : September 10, 2008 1:28 PM

メールはダメなんですね・・・
どの程度、どこら辺をココに書けばいいですか?
すみません・・・
初歩的な事で。

[184] Posted by miyabi : September 10, 2008 1:35 PM

>miyabiさん
こんにちは。
具体的には、下記の作業を行ってください。

①公開テンプレートに入れ替えてカスタマイズを行い、再構築(問題が発生した状態の再現)
②問題が発生している任意のページを、FTPツールで別の名前(hoge.html など何でも)に変更
③元のテンプレートに戻して再構築(これで通常の運用に支障はきたしません)
④コメントで、問題が発生しているページ(=ファイル名を変更したページ)のURLをお知らせください。

ご不明な点がありましたらご連絡ください。
それではよろしくお願い致します。

[185] Posted by yujiro logo : September 11, 2008 10:25 AM

yujiroさん!
こんにちは!何が起きたのか??コメントに絵文字がありました。
ごめんなさいお騒がせして・・・。
ちょっとズレちゃってますが・・・

4日間悩んで、ココまで来れて良かったです。
また今・・・画像をポラ風でハテナ状態です(笑)

[186] Posted by miyabi : September 11, 2008 1:28 PM

>miyabiさん
こんにちは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは!

[187] Posted by yujiro logo : September 12, 2008 9:40 AM

yujiroさま>
初めまして。数年前からこの絵文字スクリプト(for Serene Bach)を使わせていただいております。

最近ではニコニコ動画も外部ブログから貼り付けられる用になったので先日トライしてみたのですが、できませんでした。
(普通のHTMLページにべた書きするとニコニコ動画は読み込めます。)
色々と調べてみた結果、この絵文字スクリプトとの競合を起こしているのではないかというところまではたどり着きました。

emoji.js内の一番最後の方にあります、

// コメントにカスタマイズ絵文字入力機能:画像変換
function changeCustmizeEmojiTag(commentAreaIdName, commentAreaTag, commentBodyClassName) {




function getStringCustmizeEmojiTag(list, s, att) {




この記述をコメントアウトするとニコニコ動画が表示されました。
ニコニコ動画を貼り付けるスクリプトのほうをいじることができればいいのですが、
スクリプト自体はニコニコのサーバーにあるのでやはりこのemoji.jsファイルをなんとか
アレンジできないかと悩み中です。
innerHTMLでの変換、もしくはHTML内のID属性の指定?といったところをなんとかすれば両方使えるのではと思っていますが…。
どちらかをあきらめるという選択肢もありますが、できれば両方使いたく、悩んだあげく思い切ってyujiroさんに質問した次第です。
若干趣旨がズレてるかもしれませんが、もしよいアイデアがございましたらお教えいただきたく…。

ご多忙の中大変恐縮ですが、よろしくお願い申し上げます。

[188] Posted by yuna : July 26, 2010 9:29 PM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)