stroll [名] [C] ぶらぶら歩き,散歩.

  スポンサーサイト

一定期間更新がないため広告を表示しています

- | permalink | - | - | ↑top
Clip!! | Ranking |

  コメントにカスタマイズ絵文字入力機能

コメントにカスタマイズ絵文字入力
コメント入力欄に絵文字入力機能を追加するスクリプトです。
HTMLが編集可能なblogであれば、すべてのblogで設置可能なはずです。
JUGEMのように、コメントにHTMLタグが使えないblogでも、もちろん設置可。

動作については、当blogのコメント入力欄等をご覧ください。

[動作確認環境]
Windows
├ Internet Explorer 6.0
├ Sleipnir 1.62
├ Mozilla Firefox 0.8
├ Opera 7.53
└ Netscape 7.0

■目次
はじめにお読みください。
画像の準備
設置方法
 1)画像設定スクリプト
 2)画像リスト出力スクリプト
 3)画像変換スクリプト


■はじめにお読みください。
コメント数が多くなると、画像への変換処理に時間がかかってしまいます。
また、登録した画像の数が多すぎても、同様です。
画像の登録のしすぎにご注意ください。

各テンプレートの設定例はこちらをご覧ください。


■画像の準備
まずは、絵文字を用意しなくては意味が無いので、オススメ無料画像素材サイトを挙げておきます。
ダウンロードした画像をサーバーへアップロードしてください。
.:. PEPPER .:. FREE GRAPHICS FOR WEB SITE
 └ 記事の上の画像の絵文字はココで。オススメ!
黒い彼女/KU/RO/I/KA/NO/JO/
 └ ページ最下部にダウンロードページへのリンクがあります。
☆SWEETS☆
 └ DoCoMo絵文字、au風絵文字など。
1キロバイトの素材屋さん
 └ vodafone風絵文字など。
Phoenity Artwork


■設置方法
1)画像設定スクリプト
下記のスクリプトで画像の設定を行います。
メモ帳などのテキストエディタで、下記スクリプトの太字部分を編集してください。
<script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能:画像設定
function getCommentEmojiList() {
var list = new Array();
// 画像名、画像URLの設定
list[list.length] = new Array('画像名', '画像URL');
list[list.length] = new Array('画像名', '画像URL');
list[list.length] = new Array('画像名', '画像URL');

return list;
}

function getCustmizeEmojiAttribute() {
// 画像タグに含める属性値(alt属性以外)
var att = 'border="0" style="vertical-align:middle"';


// ***************** 設定ここまで *****************
att = (att != '') ? (' ' + att) : '';
return att;
}
// -->
</script>

○画像名、画像URLの設定
list[list.length] = new Array('画像名', '画像URL'); に
画像名と画像のURLを設定します。
画像名と画像のURLは、それぞれ ' (単一引用符)で囲み、カンマで区切ってください。
また、いくつでも設定可能です。
設定例)
list[list.length] = new Array('なまえ', 'http://○○.jugem.jp/?image=153');

○画像タグに含める属性値の設定
設定例)
var att = 'border="0" style="vertical-align:middle"';
このままでも特に問題ないと思います。
よくわからない方は、このままで(^^;
上記の設定は、画像の枠をなくし、縦方向の揃え位置を中央にするものとなっています。

編集が終わったら、HTMLの</head>タグの上にコピー&ペーストしてください。


2)画像リスト出力スクリプト
下記のスクリプトを、HTMLの<!-- BEGIN comment_area -->〜<!-- END comment_area -->タグの中にコピー&ペーストして、太字部分を編集してください。
貼り付けた位置に、画像リストが出力されます。
<script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能:画像リスト出力
function writeCustmizeEmojiTagList() {
// コメントを入力するテキストエリアを指定
var textarea = 'document.comform.description';


// ***************** 設定ここまで *****************
var list = getCommentEmojiList();
var att = getCustmizeEmojiAttribute();
for (var i = 0; i < list.length; i++) {
window.document.write('<a href="javascript:;" onClick="addCustmizeEmoji(' + textarea + ', ¥'' + list[i][0] + '¥');"><img src="' + list[i][1] + '"' + att + ' alt="' + list[i][0] + '" /></a>');
}
}

// reference from jugem.jp (c)
function addCustmizeEmoji(obj, tag) {
var item = '[' + tag + ']';
if (document.selection) {
obj.focus();
sel = document.selection.createRange();
sel.text = item;
} else if (obj.selectionStart || obj.selectionStart == '0') {
var startPos = obj.selectionStart;
var endPos = obj.selectionEnd;
obj.value = obj.value.substring(0, startPos)
+ item + obj.value.substring(endPos, obj.value.length);
} else {
obj.value += item;
}
}
writeCustmizeEmojiTagList();
// -->
</script>

○コメントを入力するテキストエリアの設定
コメントを入力するテキストエリアの設定値について説明します。
コメント入力欄は、下記のような構成になっているか確認してください。
太字の部分(name="・・・")が無い場合は追加してください。
<form name="comform" action="・・・" method="post" > ----- (A)
(省略)
<textarea name="description">・・・</textarea> ----- (B)
</form>

そこで、下記のように値を設定してください。
var textarea = 'document.[(A)のnameの値].[(B)のnameの値]';
上記例の場合、下記のようになります。
設定例)
var textarea = 'document.comform.description';


3)画像変換スクリプト
下記のスクリプトを、HTMLの<!-- END comment_area -->タグの上にコピー&ペーストして、太字部分を編集してください。
<script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能:画像変換
function changeCustmizeEmojiTag() {
// (1)コメント全体のタグの id 属性
var commentAreaIdName = 'comment_area';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'comment_body';


// ***************** 設定ここまで *****************
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();
// -->
</script>

最後に、コメント部分のタグについての設定です。
JUGEMのテンプレートは、大体下記のようになっているはずです。
<div id="comment_area"> ----- (1)、(2)
<div class="comment_body"> ----- (3)繰り返される部分
各コメント本文
</div>
</div>

○(1)コメント全体のタグの id 属性
コメント全体を囲っているタグのid属性の値を指定します。
全体を囲むタグが見つからない、もしくは無い場合には、下記のように設定してください。
設定例)
var commentAreaIdName = '';

コメント全体を囲むタグはあるのに、id属性の値が記述されていない場合は、
id="comment_area" を追加してください。
※id属性の値は、HTML中に同じ値が2つ以上あってはいけません。

○(2)コメント全体のタグ名
(1)と同じように全体を囲むタグが見つからない、もしくは無い場合には、下記のように設定してください。
設定例)
var commentAreaTag = '';

○(3)各コメントの class 属性
各コメントを囲むタグのclass属性の値を設定してください。
設定例)
var commentBodyClassName = 'comment_body';


以上で、設置は完了です。
カスタマイズ(blog) | permalink | comments(426) | trackbacks(99) | ↑top
Clip!! | Ranking |

  スポンサーサイト

- | permalink | - | - | ↑top
Clip!! | Ranking |

  Comment List
おつかれー[:ニコッ:]
yuzさん | 2004/09/28 20:49
すげ〜、strollたん入魂の一本だよっ!!![:わおっ:]
なんだかもうこのブログ自体、JUGEMと別のものに見えてきた[:白目:]
strollたんすごいッ[:はあと×2:]
はに〜さん | 2004/09/28 21:19
おつです〜[:わおっ:]

難易度は高めですね^^;
list[list.length] = new Array('
↑この部分の繰り返しのところはおとなしく記述した方が無難ですよね[:はてな:]
tomonoさん | 2004/09/28 21:49
おつかれさまでした[:ビックリ:]
さっそく挑戦してみましたが、画像おいた鯖が駄目になってるのか
出来ませんでした[:泣き:]
後でまた挑戦してみようとおもいます…[:イヤン:]
姐1号さん | 2004/09/28 22:11
記事中の説明にミス発見[:白目:]
やっちまったー[:イタタ:]

>>yuzさん
どうもどうも。
設置面倒だけど、よかったら使ってやってください。

>>はに〜さん
ありがと〜。
>なんだかもうこのブログ自体、JUGEMと別のものに見えてきた
ページ表示完了までの遅さは、どうあがいてもJUGEMだけどね[:あせ:]

>>tomonoさん
そーなんですよねぇ。。。[:困った:]
もうちょっと簡単に設置できたらいいんだけど。

>この部分の繰り返しのところはおとなしく記述した方が無難ですよね
HTMLタグで直接書くってこと?

>>姐1号さん
すいません[:すいません:]
記事の説明にミスがありましたんです[:ドクロ:]
キヌでメッセージ送っといたんで見てみてください。。。
strollさん | 2004/09/28 22:38
素早い対応ありがとうございました[:はあと:]
おかげさまで、絵を選択するとコメントエリアに字が出るようになったんですが、
選択しても [01] のように :: が付いてこないんです[:困った:]
投稿してみても [01] のままで、絵文字が表示されません。
解決策を教えていただけませんでしょか(´・ω・`)
姐1号さん | 2004/09/28 23:07
待ってました[:はあと:]
早速。。。と言いたいトコなんですけど只今重々Time。。。
昼間、比較的軽い時間帯にチャレンジしてみます。
いつも、ありがとうございます♪
KUMI☆さん | 2004/09/28 23:10
>>姐1号さん
>選択しても [01] のように :: が付いてこないんです
:: はつけないように変更しました。
:: をつけちゃうと、JUGEMの絵文字の名前とカブったときに、
JUGEMの絵文字に変換されちゃうので。


>投稿してみても [01] のままで、絵文字が表示されません。
3)画像変換スクリプトの設定部分を、下記のように変更してみてください。

// コメントにカスタマイズ絵文字入力機能:画像変換
function changeCustmizeEmojiTag() {
// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'entry_body';
strollさん | 2004/09/28 23:17
あわわ、ありがとうございます。
キヌでメッセも送っちゃいましたが、改善できなかったので、今日は寝ることにします[:はなみず:]
ありがとうございました[:ぶちゅー:]
姐1号さん | 2004/09/28 23:44
>>KUMI☆さん
お待たせ〜。
でも、設置苦労するかも。。。
もっと簡単にできればよかったんだけどねぇ[:はなみず:]
strollさん | 2004/09/28 23:55
>この部分の繰り返しのところはおとなしく記述した方が無難ですよね
失礼しました。。
javascriptなんですよね。。
カンチガイしてました。。汗
tomonoさん | 2004/09/29 00:22
うわーん。[:泣き:]
まだ、名前考えてないのだー[:白目:]

ダッシュだー[:あせ:]

munchさん | 2004/09/29 08:21
使っているテンプレートが良くないのか
うまく設置できませんでした[:困った:]

ヾ蕕燭舛枠を突き破って一直線になる
右側の枠の影の端に線が一本現れる

うがっ[:ムカッ:]
アムリョさん | 2004/09/29 13:05
そうそう、記事にも絵文字も試したのですが
そちらはバッチリでしたよ[:おんぷ:]

ぜひ[:ビックリ:]コメントにも使いたいのですが
テンプレートを変えたほうが良いのでしょうかね[:うーん:]
因みにJUGEM公式の"glass"を少しいじった程度です。
アムリョさん | 2004/09/29 14:02
[:白目:]早速設置しましたー大変でした[:泣き:]
でも可愛くなりました[:はあと×2:]本当に
いつも役立つ情報ありがとうございます[:ぶちゅー:]
コメントは少ないんですけどね・・・[:イタタ:]笑
Xiaoさん | 2004/09/29 18:23
>>munchさん
どう?
できた?
かなり面倒でしょ?[:泣き:]

>>アムリョさん
>ヾ蕕燭舛枠を突き破って一直線になる
2)画像リスト出力スクリプトを下記のようにdivタグで囲ったらどうでしょうか?

<div style="width:350px;">
{2)画像リスト出力スクリプト}
</div>

>右側の枠の影の端に線が一本現れる
こちらについては、現象を確認することができませんでした。

>テンプレートを変えたほうが良いのでしょうかね
当スクリプトを組み込んだテンプレートのURLを教えてください。
例)http://melrose.jugem.cc/?tid=171
そうすれば、解決策をアドバイスできるかもしれません。

>>Xiaoさん
お疲れ様でしたーあせあせ
ご利用ありがとうございます。
トラックバックまでいただいちゃって、ホントありがとです。
strollさん | 2004/09/29 22:02
strollさん、どうもありがとうございました[:泣き:]

<div style="width:350px;">
{2)画像リスト出力スクリプト}
</div>

↑これを入れただけで幅と線と両方が一気に解決しました。
何とお礼を申し上げて良いのやら・・・[:すいません:]
アムリョさん | 2004/09/29 23:45
絵文字入力支援スクリプト使わせていただいてます[:はあと:]

このスクリプトも使って見たいと設定しているのですが、
画像が表示されるところまでは行ったのですが、
いざ使ってみると画像名が表示されただけになってしまいます。
上の方の
>投稿してみても [01] のままで、絵文字が表示されません。
3)画像変換スクリプトの設定部分を、下記のように変更してみてください。

も試して見たのですが出来ませんでした[:イタタ:]
後は何をすればと行き詰ってますぅ…教えていただけますか?
mikiさん | 2004/09/30 00:29
>>アムリョさん
無事解決できてよかったです[:ニコッ:]
しかも両方解決したんですね[:ぴこーん:]
よかったよかった。

>>mikiさん
原因がわかりました。
// (3)各コメントの class 属性
var commentBodyClassName = 'comment_body';

↑を下記のように変更してください。

// (3)各コメントの class 属性
var commentBodyClassName = 'entry_body';

でも試したんでしたっけ?コレ。
もう一回やってみてもらえませんか?
Internet Explorer 6.0、Opera 7.53で動作確認いたしました。
strollさん | 2004/09/30 00:54
strollさん[:あはっ:]
出来ましたー!感動ですー
やっぱりお聞きして良かったです。
もう行き詰ってましたあせあせ
ありがとうございましたー!
感動[:ぶちゅー:]の記事がやっとかけますー
MIKIさん | 2004/09/30 00:59
すばらしいスクリプト、ありがとうございます!
私もアムリョさんと同じような現象が出ているようです。(横一直線)
それから、コメント欄のアイコンは横一列ですが表示されているのですが、
実際に試してみると、画像の名前 例:[泣]のように表示されてしまい
ます。色々洗ってみたのですが、テンプレによってIDやCLASSの名前が
違うみたいですねー。

ちなみに、私が使ってるテンプレは

http://nori.jugem.cc/?mode=comment

こんな感じです。
noriさん | 2004/09/30 01:02
あ…[:|||:]上で教えていただいた所…
やったと言いつつやってなかったんですね、ワタクシ[:ドクロ:]
すみませんでした!
お手間お掛けしましたが…ありがとうございました。
(たびたびすみませんです)
MIKIさん | 2004/09/30 01:17
す、すみません[:あっ:]変なリンクを上に貼ってしまいました。

テンプレのURLというか、ブログのURLは

http://nori.jugem.cc/

ですあせあせ。すみません!
noriさん | 2004/09/30 01:18
>>MIKIさん
あ、無事出来たんですね。
よかったです[:ニコッ:]
トラックバックありがとうございます!

>>noriさん
3)画像変換スクリプトの設定部分にミスがあります。
(1)コメント全体のタグの id 属性の値を
// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
としてみてください。
どうでしょうか?
Internet Explorer 6.0、Opera 7.53で動作確認いたしました。
strollさん | 2004/09/30 03:17
[:ニコッ:]はじめまして。

strollさんの カスタマイズ いつも参考にさせていただいてます。

この絵文字のスクリプトも設置したのですが
登録した絵文字が2回繰返して表示されてしまいます…
どこを修正したら良いかわからないので 教えてもらえませんか?

テンプレートはココです

http://booneey.jugem.jp/?tid=10

よろしくお願いします[:はあと:]
booneeyさん | 2004/09/30 17:38
[:ハハ:]こんにちは、先ほどはメールで迅速な
対応有難う御座いました[:はあと×2:]
どうやら文字しか表示されなかった原因は
classを間違えていたらしいです。

com_bodyと
cm_bodyがあり、
見分けるのにややこしくなってました[:泣き:]

現在jugemの画像が一部表示されないので
自分のサーバーにアップし直そうかと思います

これでコメントがやっと可愛くなります[:ぶちゅー:]
毎回親切なstrollさんに感謝です[:はあと:]
Xiaoさん | 2004/09/30 18:31
>>booneeyさん
はじめまして。
>登録した絵文字が2回繰返して表示されてしまいます…
こちらで確認したところ、2回繰り返して表示される現象を確認できませんでした。
ブラウザは何を使いでしょうか?

>>Xiaoさん
あ、コメント通知のメール来なかったから、
Xiaoさんのメールに返信しちゃいました[:白目:]
原因は、classの指定だったんですね。
とりあえず、無事設置できてよかったです[:泣き:]
strollさん | 2004/09/30 18:56
[:ハハ:]こんばんわ 早速見ていただいてありがとうございます。

MacintoshでIE 5.1.7を使っています。

今もわたしのMacでは2回連続で表示されちゃってるんです…[:あせ:]
でもWindowsでは ちゃんと見れているんですねぇ♪

今の状態でも問題はないのですが
もし解決策あったら おねがいします[:ハハ:]
booneeyさん | 2004/09/30 19:25
>>booneeyさん
MacintoshのIE 5.1.7ですか。。。
ちなみに、ココの状態はどうなのでしょうか?
あと、できたら、↓こちらの状態がどうか見てもらえませんか?
http://melrose.jugem.cc/?tid=192&eid=199#comments
strollさん | 2004/09/30 19:43
何度もスミマセン…[:すいません:]

OSXのサファリとNetscape 7.0では きちんと表示されてました。
ちゃんと確認すれば よかったです。。[:すいません:]
ブラウザのせいだったみたいです。

これからもstrollさんのスクリプト楽しみにしてます[:ハハ:]
booneeyさん | 2004/09/30 19:55
わ。すみません。コメント書いていたら
strollさんのコメントが…。

こちらのアイコンはきちんと表示されて見えています。

http://melrose.jugem.cc/?tid=192&eid=199#comments
↑こちらもきちんと表示されています。

[:白目:]ハッ… ってことは やっぱり わたし変ないじりかたしてるんでしょうか…。
booneeyさん | 2004/09/30 19:59
>>booneeyさん
2回画像が繰り返される原因についてですが・・・
さっぱりわかりません[:泣き:]
JavaScriptの処理も、もう一度見直してみたりしたんですがねぇ。
1つの [なまえ] を2個の画像に変換するなんてことは
ありえないだろうし[:すいません:]
(1)コメント全体のタグの id 属性の設定で
var commentAreaIdName = '';
このようにしたことが原因かとも思ったんですが、
http://melrose.jugem.cc/?tid=192&eid=199#comments
これが正しく見れるということなので、原因ではないようですし。

あとは・・・下記の設定を試してみてもらえませんか?
// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = '';
// (3)各コメントの class 属性
var commentBodyClassName = 'entry';
strollさん | 2004/09/30 20:16
迅速な 対応ありがとうございます[:はあと×2:]

// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = '';
// (3)各コメントの class 属性
var commentBodyClassName = 'entry';

この設定をしてみましたところ
今度は投稿者のアイコンも2個表示されるようになりました[:あせ:]

JavaScriptの処理は 問題なさそうで ひとまずホッとしました[:おんぷ:]
booneeyさん | 2004/09/30 20:26
>>booneeyさん
ぐはっ[:白目:]
悪化しちゃいましたかあせあせ
なんでだろう〜。。。
他のスクリプトの影響を受けてるのかなぁ。
もうちっと見てみます。
strollさん | 2004/09/30 20:30
すみません お手数かけます… すごく ありがたいです[:らぶ:]
今、テンプレートは コメントアイコンだけが
2個、繰返し表示されているものに戻しています。

とくに 急いでいるわけじゃないので
なにかわかったら また教えてください[:ハハ:]

あ。わたしの画面ではこう見えています。
http://booneey.boo.jp/jugem/icon.gif

今日はもう いじるのやめて おきますねw
booneeyさん | 2004/09/30 20:48
>>booneeyさん
あっ[:白目:]
2回繰り返されるって、そっちの方だったんですね[:あせ:]
てっきり、コメントの方かと思ってました。
でも、こっちだとしても、原因ってなんだろ。。。
strollさん | 2004/09/30 21:06
ごめんなさい…最初からこれを出したら良かったですね…[:泣き:]

今の所、これでも動作には問題がないので
このまま続行します♪

ありがとうございました[:ハハ:]

新しいスクリプト楽しみにしてます♪
booneeyさん | 2004/10/01 01:10
ごめんなさい[:泣き:]お礼を言いにきたかったのに、相変わらずできずにおります。テンプレの方の修正(てんぷれ同盟から)があったので、それを行ったあと、再度上記にコメントしていただいた所を修正したのですが・・・。
ちなみに、横一列に出てしまう顔文字たちも、<div>で囲ってみたのですが、効果がないようです。どこのソースが間違っているのかわからず・・・。
すみません[:すいません:]
noriさん | 2004/10/02 18:17
>>noriさん
><div>で囲ってみたのですが、効果がないようです。
今見てみたのですが、<div>で囲まれていないようです。。。
もう一度やってみてもらえませんか?
例)
<div style="width:300px;">
{2)画像リスト出力スクリプト}
</div>

あと、画像リストを出力するスクリプトの場所が
コメントの上になっちゃってますよね。
<textarea ・・・>というタグの部分がコメントを入力する場所になりますので、
その上にした方が使いやすいと思います。
設定値はあっているようですので、画像リストを出力するスクリプトの場所を
移動すれば正しく動作すると思います。
どうでしょうか?
strollさん | 2004/10/03 00:17
ありがとうございました[:らぶ:]
どうやら、違う場所を<div>で囲っていたようです[:白目:]

お陰様でちゃんと表示されるようになりました!

何度も丁寧にご説明ありがとうございました!
noriさん | 2004/10/03 01:47
>>noriさん
あ、無事キレイに表示できるようになったんですね。
よかったです。
何かわからないことがあったらお気軽にどうぞ〜。
strollさん | 2004/10/04 08:21
はじめまして。
エントリーのほうと、こちらの機能両方使用させていただいてます。

落ち着いた頃に申し訳ないのですが、私のブログもコメント内に
[にこ]と表示させることまでは出来たのですが、
リロードしても絵が表示されません。
全てやることはやったつもりなので悔しいです。
お暇があれば、テンプレートを見ていただきたいです。
よろしくおねがいします[:すいません:]
ちえみさん | 2004/10/04 22:54
>>ちえみさん
はじめまして。
あとちょっとでしたね。
わかりにくい説明ですいません。

まず、下記のURLを囲む()が不要です。
list[list.length] = new Array('あらら', 'http://XXXX.jugem.cc/?image=66');
下記のように変更してください。
list[list.length] = new Array('あらら', '(http://XXXX.jugem.cc/?image=66)');

最後に、コメントにカスタマイズ絵文字入力機能:画像変換スクリプトの設定を下記のように変更してみてください。

// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = '';
// (3)各コメントの class 属性
var commentBodyClassName = 'com_body';

どうでしょうか?
Windows Internet Explorer6.0 で動作確認しました。
strollさん | 2004/10/04 23:06
こんにちは。
JUGEM絵文字入力支援スクリプト Ver2だけでなく
こちらもJUGEMのメンテ後から表示されなくなりました[:ムカッ:]
アムリョさん | 2004/10/05 00:28
>>アムリョさん
うがっ[:白目:]
こっちもメンテ後にダメですか・・・。
あ、今見に行ったら、ちゃんと表示できてましたよ?
いくつかの画像が見れなくなってましたけど、
これは多分JUGEM側の問題です。
画像、全滅ってわけではないんですよね?
strollさん | 2004/10/05 00:58
お[:はてな:]ちゃんと表示されました[:はてな:]
私が見るとJUGEMの絵文字のみでこのバルーン達は
×か・しか表示されません[:困った:]
助け合い掲示板によるとブロックがなんたらで
バグってるそうですね[:泣き:]
未だに「ページがない」と出たりで不安定極まりますね。
strollさんの様にβ版から移行したブログは
安定しているように思えるのですが[:うーん:]
アムリョさん | 2004/10/05 01:30
こんなに早く対応していただけるとは思ってなかったです!
無事に表示させることが出来ました。本当にありがとうございます[:ニコッ:]
ちえみさん | 2004/10/05 01:33
試しにstrollさんの言うとおりに
cookieとキャッシュをクリアしてみたら
ちゃんと表示できました[:ハハ:]
ありがとうございました[:ビックリ:]
アムリョさん | 2004/10/05 02:00
>>アムリョさん
あ、今JUGEMバグが出てるんですか。
んじゃ、もうちょっと待ってもらわないとですねぇ。

JUGEM絵文字入力支援スクリプトの方は
ちゃんと動作するようになったんですね。
よかったです。

>>ちえみさん
無事、表示されるようになったんですね。
よかったです。
これからもよろしく〜。
strollさん | 2004/10/05 09:21
こんにちは。はじめまして。
こちらの機能がものすごく可愛くて、どうしても使いたかったのです[:ハハ:]
けれど、画像が表示されないんです[:イタタ:]
画像がサーバーにUPされてるのは確かなんです。
色々とスクリプトの方いじってもみたのですが、
さっぱりでして・・・[:泣き:]
どうしても使いたいのですが、何をどうしたらいいのやら・・・
もしお暇な時間があれば何か教えていただけないでしょうか[:はてな:]
わかるずらい&わがままですみません[:あせ:]
よろしくお願いします[:ビックリ:]
みゅうさん | 2004/10/05 18:38
>>みゅうさん
はじめまして。
ちょっとミスがあるみたいですね。

■まず、下記のURLを囲む()が不要です。
list[list.length] = new Array('1', '(http://XXXX.XXXX/sunset/pp_00a.gif)');
下記のように変更してください。
list[list.length] = new Array('1', 'http://XXXX.XXXX/sunset/pp_00a.gif');

■次に、3)画像変換スクリプトの設定を下記のように変更してみてください。

// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = '';
// (3)各コメントの class 属性
var commentBodyClassName = 'cm_body';

■最後に、3)画像変換スクリプトを貼り付ける場所が間違ってます。
HTMLの<!-- END comment_area -->タグの上にコピー&ペーストしてください。

どうでしょうか?
strollさん | 2004/10/05 21:41
こんにちは!!
Strollさんのご指摘どうりやったら表示されました[:ハハ:][:はあと×2:]
すっごい可愛くて気に入っています[:ビックリ:]
本当にありがとうございました[:ビックリ:]
今後またなにかありましたらよろしくお願いします[:ハハ:]
みゅうさん | 2004/10/06 16:46
strollさんはじめまして。
いつも拝見させていただいています。望実と申します。

この、コメントに絵文字入力機能も早速やってみたのですが、絵文字は表示されるのですが、クリックしても書く欄には、なんの反応も無いんです。
悪戦苦闘して頑張ってみてるのですが、反応ナシで…。原因が解らないので、どこを弄って良いか解らず悶々としています。
あと、もう一つ質問なんですが私のコメント欄は横幅が短いので絵文字が横にはみ出てしまいます。絵文字を2行で表示するにはどうすれば良いでしょうか?これも自分で頑張ってみたのですが上手くいきません。
解りずらい上に、質問してしまって申し訳ないのですが、お時間のある時に教えていただけると嬉しいです。
用件だけで失礼ですがこの辺で失礼させていただきます。
望実さん | 2004/10/06 17:49
>>みゅうさん
無事出来たんですね。
よかったです。
これからもよろしく〜。

>>望実さん
えーっと、このスクリプトは大きく分けて3つあるわけですが、
それらの設定値の変更点について、説明させていただいてるのですが、
そちらは読んでいただけましたでしょうか?
コピペしただけっぽかったので・・・[:すいません:]

まず、下記のURLを囲む()が不要です。
list[list.length] = new Array('1', '(http://XXXX.XXXX/sunset/pp_00a.gif)');
下記のように変更してください。
list[list.length] = new Array('1', 'http://XXXX.XXXX/sunset/pp_00a.gif');

>絵文字を2行で表示するにはどうすれば良いでしょうか?
下記のようにすればできるはずです。
<div style="width:200px;">
{2)画像リスト出力スクリプト}
</div>
widthの値は、調整してください。

2)画像リスト出力スクリプト、3)画像変換スクリプトについても
設定の変更が必要なのですが・・・
まず、記事の説明を読みなおしてみてくれませんか?
同じことをかかなきゃならない点もありますので。。。
strollさん | 2004/10/06 20:33
初めまして。ココログユーザーです。いつも拝見させていただいております。
『コメントに絵文字』を試しているのですが、画像変換スクリプトの設定が悪いのか、コメントに反映できません[:|||:]
今は文字だけが出てくる状態です。
モバイルタイプだと設置は難しいですか?
昨日から頑張っているのですが、依然コメントに反映されません。
お忙しいのに恐縮ですが、何がMTも場合のコツなどを教えていただけるとありがたいのですが・・・。
puyoyonさん | 2004/10/13 19:29
>>puyoyonさん
はじめまして。
お、初のココログ設置かも[:ビックリ:]

えーっと、モバイルタイプというのが、どういうものなのかがわからないのですが、いくつかHTMLのミスなどもありますね。

1.下記のタグに無駄な " が含まれていますよ。
修正しておいた方がいいですね。
変更前)
<FONT color=""555555" size="1">*こうさぎオーナーに30の質問*</a>
変更後)
<FONT color="555555" size="1">*こうさぎオーナーに30の質問*</a>

2.スクリプトの方についてですが、コメント部分は<p>で囲まれているようですね。
↓こんな感じで。
<p>コメント表示部分</p>
ここを、下記のように変更してみてください。
<p class="MTEntryIfAllowComments">コメント表示部分</p>

どうでしょうか?
けど、なんで画像変換スクリプトの設定で、MTEntryIfAllowCommentsとしていたんでしょうか??(^^;
strollさん | 2004/10/13 20:22
strollさん、早々のコメントありがとうございました[:ハハ:]
まずHTMLのタグミスはまったくもってお恥ずかしいです[:あせ:]
すぐに直しました。ご指摘ありがとうございました。

本題のほうですが、今見ていたらコメント表示部分を囲っているのは『MTComments』というものだったので、下のように変えてみたのですが、やっぱり画像が出ません。
やっぱり私にはムリなのでしょうか?
長くなりますが、以下ご覧下さいませ。

<p class="MTComments">
<h2><a id="comments"></a>コメント</h2>

<MTComments>
<a id="c<$MTCommentID$>"></a>
<$MTCommentBody$>
<p class="posted">投稿者: <$MTCommentAuthorLink spam_protect="1"$> (<$MTCommentDate$>)</p>
<script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能:画像変換
function changeCustmizeEmojiTag() {
// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = '';
// (3)各コメントの class 属性
var commentBodyClassName = 'MTComments';

// ***************** 設定ここまで *****************
var list = getCommentEmojiList();
以下は何も変更していませんので省略です
</script>
</MTComments>
</p>

この下にコメントを書くというところがあります。
スクリプトを置くところが違っているのか、記述自体が間違っているのか解らなくなってしまいました[:|||:]
お忙しいのに恐縮です。でもココログでは第一号?っぽいのでぜひ成功させたいなぁと思っています。
puyoyonさん | 2004/10/13 21:27
>>puyoyonさん
すんません。ココログをあんまりわかってないので、解決になりませんでしたね[:はなみず:]

>コメント表示部分を囲っているのは『MTComments』というものだったので
これは、ココログの独自タグってやつですね。
MTCommentsタグで囲まれた部分がコメントおよび、コメント入力欄を表示するページの場合のみ出力されると。
んで、この<$MTCommentBody$>が下記のように変換されるようですね。
<$MTCommentBody$>
  ↓変換後
<p>コメント本文</p>

ですので、<$MTCommentBody$>を下記のようにspanタグ+class属性で囲んで、
そのspanタグのclass属性の値を(3)各コメントの class 属性の値として設定すれば、OKだと思います。
例1)
<span class="MTCommentBody"><$MTCommentBody$></span>

例2)
// (3)各コメントの class 属性
var commentBodyClassName = 'MTCommentBody';

どうでしょうか?
strollさん | 2004/10/13 21:43
ハイ(^-^)/・・・出来ました〜[:はあと:]
何度もお越し下さってありがとうございました[:はあと×2:]
可愛い画像が出てきました〜。
今回は本当にお世話になり、ありがとうございました。
ペコm(_ _;m)三(m;_ _)mペコ
このスクリプト、ココログでも使えますね[:ハハ:]
いろいろお勉強させていただいて、感謝しております。
『試験ちゅー』の記事はそのままにして、新たに『成功!』の記事を今から書き込みたいと思います。
本当にありがとうございました。
strollさんの記事はこれからも要チェックして、私でも出来そうなものからお借りすると思いますが、これからもどうぞよろしくお願いします。
正直、嬉しいです〜[:おんぷ:] またお邪魔しますね[:ハハ:]
puyoyonさん | 2004/10/13 22:10
>>puyoyonさん
無事できたみたいですね[:ハハ:]
よかったです。
ココログでも使えることも証明されたしね。
こちらこそありがとうございました。
こちらこそ、これからもよろしくです。
strollさん | 2004/10/13 22:35
こんばんわ。
いつもお世話になっています[:ハハ:]
ワタシはブラウザはSafariを、ツールはsbを使っているのですが、
どうしてもこのスクリプトが上手く設置できません[:泣き:]
コメントプレビューも設置しているのですが、
その部分とsubmitボタンが表示されないのです。
win IE6.0やmacFirefoxでは問題なく使えてますし、
同じSafariでも、こちらのサイトの絵文字入力もコメントプレビューも
全然問題なく使えてるので、ワタシの設置の仕方が悪いのだと思うのですが[:・・・:]
お時間のあるときにでも、ご助力頂けると助かります[:すいません:]
yukiさん | 2004/10/14 01:31
>>yukiさん
うーん。。。
Safariだけの症状ですか。
Macをもっていないので確認ができないんですよねぇ。
WinIE、Firefoxや、Macでもウチが正しく表示できてるということは、
HTMLタグにミスがあるんじゃないかなーくらいしかわからないですねぇ[:すいません:]

http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
上記サイトでちょっと見てみたんですけど、タグの閉じ忘れ等があるようです。
その辺をつぶしていっていただくしかないかもです。。。
strollさん | 2004/10/14 02:00
strollさん,はじめまして。
私はppBlog(http://blog.tagscript.com/)というphp製のblogを利用しているのですが,このppBlogでも設置に成功しました。
先にトラックバックしてから色々とトラブルに見舞われまして,こちらにコメントさせていただくのがこんなに遅くなってしまいましたあせあせ

特に苦労したのがSafariの挙動です。上のコメントでもyukiさんが苦戦されていますが,やっぱりsubmitボタンが表示されない状態になりました。私もWinしか持っていないので確認をするのに他の方の協力を頂いてようやく成功しましたが,絵文字タグを画像に変換するスクリプトをコメントフォームよりも前に設置するとうまくいきました。sbでいうと,<!-- END comment -->の上です。

お礼の挨拶に伺ったらちょうど同じところでトラブっている方がいらっしゃったようなので,参考になればと。

最後になってしまいましたが,この機能,私のサイトでも非常に評判が良いです。感謝です。今後ともよろしくお願いします。
naoKさん | 2004/10/16 21:47
追記です。yukiさんのところにコメントして試してもらったんですが,やっぱりダメだったそうです[:あせ:]
他のスクリプトとの兼ね合いもあるのかもしれません。
テストで設置した素のsbだとうまくいったのですが…
naoKさん | 2004/10/17 00:10
のーん[:泣き:][:泣き:]

出来上がって m9っ( ̄ー ̄)ニヤリッとしてたのに
数分で表示出来なくなったのさ先生[:白目:]
何を間違ったんだろうか。。おいら。。

munchさん | 2004/10/17 20:17
>>
やっぱりsubmitボタンが表示されない状態になったりするんですねぇ。
でも、
>テストで設置した素のsbだとうまくいったのですが…
ということは、やっぱり他のスクリプトとの相性なのかなぁ。
自分もMac持ってないので、Safariの動作確認ができないんですよねぇ。

>>munchさん
画像変換スクリプトの設定を、下記のように変更してみて。
// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
strollさん | 2004/10/17 22:00
こんにちは!いつも楽しく使わせてもらってます[:ハハ:]。
ところで面白い話がありました[:フッ:]。
ザウルスでコメント入力画面を開くと・・・
以下はhttp://lega.jugem.jp/?eid=321
を参照してください[:おんぷ:]
アムリョさん | 2004/10/18 00:48
先生直りました[:サングラス:]
ありがとうなのです[:ぶちゅー:]
munchさん | 2004/10/18 09:31
>>munchさん
無事直ったんやね。
よかったよかった[:ニコッ:]
strollさん | 2004/10/18 21:00
いつもお世話になっております!
設置したのですが。。。文字が変わってしまったんです[:あせ:]
教えてください!
ジュリママさん | 2004/10/19 13:45
すみません[:あせ:]文字は元に戻りました・・が
送信後に絵が表示されません[:白目:]
なにがどー、いけないんでしょう。。
ジュリママさん | 2004/10/19 13:50
すみません[:あせ:]文字は元に戻りました・・が
送信後に絵が表示されません[:白目:]
なにがどー、いけないんでしょう。。
ジュリママさん | 2004/10/19 14:14
ごめんなさい、何度も。。
出来ました[:おんぷ:]
ジュリママさん | 2004/10/19 15:38
>>ジュリママさん
えーっと、無事できたんすね(^^;
また何かありましたらお気軽にどうぞ〜。
strollさん | 2004/10/19 22:23
始めまして。ただ今Blogをリニュ中なのですが、今度はテンプレはカードなんです。設定を下のようにしてみたのですが、クリックしても絵文字がコメント入力欄に入ってこないんです[:イタタ:]

// コメントにカスタマイズ絵文字入力機能:画像変換
function changeCustmizeEmojiTag() {
// (1)コメント全体のタグの id 属性
var commentAreaIdName = 'comment_area';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'entry_text';

ここの、strollさんの各レスを参考にして、(1)の=以下を ='';にしてみたり、(2)の=以下を ='';にしてみたり、いろんな組み合わせを試したのですがだめでした。特に、(1)を =''; にしてしまうと、コメントのページをIEの方で切断してしまうという症状が出てしまいました。
私にはこれ以上わからないです[:泣き:]
初歩的なミスを見抜けないでいるのだと思いますが[:すいません:]、どうかアドバイスをいただけたらと思います。よろしくお願いします。

*上記の設定は今現在の設定です
windlucchiさん | 2004/10/22 23:40
>>windlucchiさん
はじめまして。
>クリックしても絵文字がコメント入力欄に入ってこないんです
これは、画像リスト出力スクリプトの設定が間違っているからです。
下記のように設定してください。
// コメントを入力するテキストエリアを指定
var textarea = 'document.form1.description';

>特に、(1)を =''; にしてしまうと、コメントのページをIEの方で切断してしまうという症状が出てしまいました。
これは、(3)各コメントの class 属性で指定したdivタグ中に、
画像変換スクリプトが含まれてしまうためです。
まず、HTML中の下記の部分を探してください。
<div class="entry">
<h5>コメント</h5>

このdivタグにid属性を下記のように追加してください。
<div class="entry" id="comment_area">
<h5>コメント</h5>

そして、画像変換スクリプトの設定を下記のようにすれば、
正しく動作すると思います。
// (1)コメント全体のタグの id 属性
var commentAreaIdName = 'comment_area';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'entry_text';

Windows IE6.0で動作確認しました。
どうでしょうか?
strollさん | 2004/10/23 00:15
使えるようになりました[:ニコッ:]
form1 もパズルのように組み合わせていた時に試していたのですが、id="comment_area" を追加しなくてはいけないことは
全く解かりませんでした[:すいません:]

タグについてはユーザー助け合い掲示板などを参考にしているうちに、独学でやっと少しずつ見えてきた段階なので、まだまだ勉強不足なため、教えていただかなければずっと使えないまま悩み続けていたと思います。ご親切に感謝いたします。
どうもありがとうございました[:ニコッ:]
windlucchiさん | 2004/10/23 13:33
>>windlucchiさん
無事出来たみたいでよかったです。
まぁ、このスクリプトはHTML初心者の方には設定が難しいみたいですから。。
これからも、勉強がんばってください。
strollさん | 2004/10/24 18:35
strollさんはじめまして!スクリプトお借りしました!
ステキなスクリプトをありがとうございます[:はあと:]
acoさん | 2004/10/26 15:51
>>acoさん
はじめまして。
ご利用ありがとうございます。
これからもよろしく〜。
strollさん | 2004/10/26 22:07
atrollさん はじめまして。
スクリプトをお借りしました。
素敵なスクリプトを使うため、時間はかかりましたが
親切丁寧な説明だったのでPCおんちの私にも
設置をすることができて大満足しています[:はあと:]
ありがとうございました。
mamirinさん | 2004/10/27 15:24
>>mamirinさん
はじめまして。
スクリプトご利用ありがとうございます。
このスクリプトが設置できるなら、もうPCおんちではないですよ[:ニコッ:]
これからもよろしくです。
strollさん | 2004/10/27 21:54
stroll先生お助け下さいーあせあせ
がんばりましたが表示されないのです(汗

// (1)コメント全体のタグの id 属性
var commentAreaIdName = 'comment_area';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'entry_body';

の部分が怪しいと思うのですが…。
良く分からず、コメントエリアのdiv内に、勝手に id="comment_area"を追加してしまったのがいけなかったのでしょうか…?
Yukaさんの真似をして付けようとしたら失敗です…[:きれつ:]
くみッぺさん | 2004/11/02 16:31
>>くみッペさん
1.えーっと、まず画像設定部分にミスがあります。
下記2つの設定ですが、画像の名前が正しく ' で囲まれていません。
確認してみてください。
list[list.length] = new Array(ぱんちッ'', 'http://suitability.sakura.ne.jp/sb/img/icon/15.gif');
list[list.length] = new Array(ぶいッ'', 'http://suitability.sakura.ne.jp/sb/img/icon/19.gif');

2.次に、画像リスト出力についてですが、
スクリプトの始まりのタグがありません。
誤)
<!--
// コメントにカスタマイズ絵文字入力機能:画像リスト出力

正)
<script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能:画像リスト出力

3.最後に、id="comment_area"についてですが、
id を追加する場所が違います。
下記の部分に、id が追加されていると思うのですが、
<div class="entry_body">
{comment_description}
</div>
↑ここではなくて、↓のようにしてみてください。
<div class="comment" id="comment_area">
<h3 class="comment_title">COMMENTS</h3>

わからなかったら、idは削除して、
設定を下記のように変更してみてください。

// コメントにカスタマイズ絵文字入力機能:画像変換
function changeCustmizeEmojiTag() {
// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'entry_body';

どうでしょうか?
strollさん | 2004/11/02 23:00
わざわざ本当に有難う御座いますー!!!!!
やっとうまくいきました[:はあと×2:]
細かいミスがあってお恥ずかしい限りで御座います。
でも導入出来て凄く嬉しいです〜!
これからもうちょっとアイコン増やしたいなー、なんて思ってます!
本当に有難う御座います!
感謝です[:らぶ:]
くみッぺさん | 2004/11/02 23:53
こんばんわ! strollさん。

ようやく! Safariでも設置できました!
というか、submitボタンが表示されるようになりました。

原因なのかどうか判りませんが、同じSafariでも設置されているサイトさんによってボタンが見えているところと見えてないところがあり、双方を見比べたところ、絵文字の数が違うことに気が付きました。
で、で、もしかして〜?!とwide設定をしてみましたところ、表示されるようになったのです!
ですので、Scriptとかの問題ではなかったようです。
大変お騒がせいたしましたm(__)m
yukiさん | 2004/11/03 03:37
strollさん はじめまして。
スクリプトをお借りしました。
丁寧な説明、初心者の私にもわかりやすかったです。
かわいい絵文字が使えて大満足です[:はあと×2:]
ありがとうございました[:ニコッ:]
candyさん | 2004/11/03 14:06
>>くみッぺさん
無事設置できたみたいですね。
よかったです。
>これからもうちょっとアイコン増やしたいなー、なんて思ってます!
あんまり増やしすぎると、ページ読み込み完了までに時間がかかる&
スクリプトでの絵文字変換にも時間がかかるので、
増やしすぎにはご注意くださいませ。

>>yukiさん
widthの設定がないとダメだったんですか。
よく気づきましたねぇ。
とりあえず、無事解決してよかったです[:ハハ:]

>>candyさん
はじめまして。
ご利用ありがとうございます。
他にも気に入ったのがあったらどんどん
もって行っちゃってください[:ニコッ:]
strollさん | 2004/11/04 20:11
[:ハハ:]こんにちは♪
昨日に引き続き、コチラのスクリプトも使用させて頂きました〜[:はあと:]
自分自身でコメントしちゃうくらい、とってもお気に入りです[:らぶ:]
ありがとうございました〜[:ビックリ:]
jeanneさん | 2004/11/15 10:56
>>jeanneさん
スクリプトご利用ありがとです。
気に入っていただけたみたいで良かったです[:ニコッ:]
strollさん | 2004/11/15 12:47
こんばんわ。
はじめまして。
strollさんのスクリプトお借りしました[:はあと:]
さっそくやってみたのですが、絵文字は表示できてるのですが、いざ、コメントつけても、絵文字が反映されません。どこが悪いのかさっぱりわからず、
一度確認していただきたく、お願いにきました.お忙しいとは思いますが、お時間のあるときにでも、サイトにお越し願いたいと思います.[:うーん:]
加恋さん | 2004/11/20 23:30
初めまして、多古之丞と申します。
コメントに絵文字を入れたくて、使用中のMovableType3.11jaにこちらのスクリプトを導入しようとしているんですが、どうもうまくいきません。
以下が、個別エントリーアーカイブのテンプレートの一部です。一部といってもかなり長くて恐縮なのですが…

#HTMLソースは削除しました(by stroll)

だいたいこんな感じになっています。
今のこの状態だと、画像選択はできそうな感じですが、ジャバスクリプトの?エラーがでてしまいます。また、文字のみのコメントでも投稿できません…
(ちなみに、まだ画像の設定はしていません)
どうかよろしくご指導お願いしますm(_ _)m
多古之丞さん | 2004/11/21 15:25
>>加恋さん
まず、○コメントを入力するテキストエリアの設定 のところを見て欲しいのですが、この設定が足りないです。
下記のように、formタグに name="comform" を追加してください。
<form action="http://mamu.babyblue.jp/sb/sb.cgi" method="post" name="comform">

次に、画像変換スクリプトの設定にミスがあります。
設定を下記のように変更してください。

// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'entry_body';

説明通りやってもダメだったってことなんですよね??
説明わかりにくい or 見にくいですかねぇ?[:はなみず:]

>>多古之丞さん
申し訳ないのですが、HTMLのソースを貼り付けるのは次回からお控えください。。
一部?を貼り付けられても、解決できない場合が多いです。
また、独自タグが変換されていない状態のHTMLでは、意味がない場合が多々あります。

JavaScriptのエラーについてですが、画像リスト出力のスクリプトの設定にミスがあるためです。
下記のように変更してください。

// コメントを入力するテキストエリアを指定
var textarea = 'document.comments_form.text';

どうでしょうか?
strollさん | 2004/11/21 15:34
strollさん、有り難う御座います。
ソースの貼り付けの件に関しましては申し訳御座いませんでした。
以前他サイト様でも同じことをしてしまったので…
理由がよくわかりました。本当に失礼しました。

strollさんのご指導やここのコメントを参考にいたしまして、
やっとやっと絵文字が表示できるようになりました!
MovableTypeは、コメントに関するテンプレートがいくつもあるので
(コメントリスト、エラーが出たときのコメント送信用など…)
その分だけ設置することになりそうですが、がんばってみます。
あと、コメント投稿者別アイコンのスクリプトも使わせていただきました。
また、カズタマイズの参考にさせていただきますね。
本当に有り難う御座いました!
多古之丞さん | 2004/11/21 16:08
[:はあと:]こんばんわ。
さっそく見ていただき有難うございました。
無事表示出来るようになりました[:ニコッ:]
私が初心者なので理解できるのに時間が掛かるだけだと思います[:イヤン:]
strollさんこれからもよろしくお願いします。
是非リンクさせてください。
加恋さん | 2004/11/21 19:45
>>多古之丞さん
無事設置できたみたいですね。
よかったです。
MovableTypeってそんなにいろいろいじらないといけないんですか[:白目:]
がんばってください。

>>加恋さん
加恋さんも無事設置完了したみたいでよかったです。
リンクはどんどんしちゃってください。
こちらは、BlogPeopleに登録させていただきました。
こちらこそ、これからもよろしくです[:ニコッ:]
strollさん | 2004/11/23 21:05
初めまして。
いつもこちらのスクリプトにお世話になっています。
今回はコメントに絵文字を入れようとしたのですが、とりあえず表示はうまくいってるんですけど、色々変更を加えてもなぜか絵文字がコメントフォームの上に表示されてしまいます[:困った:]comments:の下に表示するにはどうしたらよろしいのでしょうか?

お手数ですが、ご指導よろしくお願いします。
deepforestさん | 2004/11/24 06:08
>>deepforestさん
>色々変更を加えてもなぜか絵文字がコメントフォームの上に表示されてしまいます
コメントにカスタマイズ絵文字入力機能:画像リスト出力のスクリプトの位置を変更していただければ、comments:の下に表示できますよ?
<label for="description">comments:</label><br />
の下に、スクリプトを移動していただければと思います。
どうでしょうか?
strollさん | 2004/11/25 00:17
ありがとうございます。うまくいきました。
スクリプトの位置はどこでもいいのかと思ってましたあせあせ
本当にお恥ずかしい[:すいません:]
これからも色々使わせていただきたいと思います。
よろしくです[:ニコッ:]
deepforestさん | 2004/11/25 05:14
最近ブログを立ち上げて、現在カスタマイズ中です。はじめまして。
このスクリプトを使ってみようと思ったのですが、画像すら表示されなくて、困っているのです…[:すいません:]
テンプレートのタグも見本のとなんだか違うみたいで、どういじったらいいものか悩んでおります。
解決策を教えて下さい〜[:イタタ:]
さん | 2004/12/07 20:59
>>藍さん
はじめまして。
画像が表示されない原因は、画像設定スクリプトの下記の記述が間違っているためです。
1)氷のあとに ' が足りません。
間違っている箇所)
list[list.length] = new Array('氷, 'http://ram.yu.to/pp_ice.gif');
修正例)
list[list.length] = new Array('氷', 'http://ram.yu.to/pp_ice.gif');

2)最後の ; の前に ) が足りません。
間違っている箇所)
list[list.length] = new Array('普通顔', 'http://ram.yu.to/pp_00a.gif';
修正例)
list[list.length] = new Array('普通顔', 'http://ram.yu.to/pp_00a.gif');

以上の2点を修正していただければ、画像が表示されるはずです。
どうでしょうか?
strollさん | 2004/12/08 02:02
お早い対応をありがとうございます[:ハハ:]
修正してみたのですが、やっぱり表示されなくて…他に何処か間違ってしまっているでしょうか…[:すいません:]
さん | 2004/12/08 21:23
>>藍さん
下記も前回のコメントの1)と同じように記述ミスがあります。
3)ラvヴのあとに ' が足りません。
間違っている箇所)
list[list.length] = new Array('ラvヴ, 'http://ram.yu.to/pp_01.gif');
修正例)
list[list.length] = new Array('ラvヴ', 'http://ram.yu.to/pp_01.gif');

どうでしょうか?
前回見たときは、上記部分は正確に記述されてたはずなんだけどなぁ。
strollさん | 2004/12/09 08:59
すみません〜[:|||:]そこ、一度間違えて消してしまい、書き直しした行なんです…あせあせ
直したのですが、やはり表示されないみたいです。画像変換スクリプトを貼る位置がまずいのでしょうか…[:困った:]
さん | 2004/12/09 11:52
>>藍さん
ラvヴのところが直ってないようです[:はなみず:]
もう一度見直してみてくれませんか?

それと、他にもいくつか修正しなければならない箇所があります。。

1)コメントにカスタマイズ絵文字入力機能:画像変換のスクリプトが
各コメントごとに繰り返されて出力されてしまっています。
↓こんな感じです。
[コメント]
<スクリプト>
[コメント]
<スクリプト>

コレを、↓のようになるように適切な位置に移動してください。
[コメント]
[コメント]
<スクリプト>

2)コメントが出力される部分が現在 p タグで囲まれているのですが、
class属性の指定がありません。
↓こんな状態。
<p>コメントコメント</p>

ここを、下記のように変更してください。
<p class="comment_body">コメントコメント</p>

3)最後に、画像変換スクリプトの設定を下記のように変更してください。
// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = 'p';
// (3)各コメントの class 属性
var commentBodyClassName = 'comment_body';

こちらで上記変更を行い、正常に動作することを確認しています。
がんばってください[:ニコッ:]
strollさん | 2004/12/09 22:01
[:ぴこーん:]ありがとうございました!!無事、稼動しましたvv
可愛い絵文字が使えて、とても嬉しいです![:はあと×2:]
これもstollさんの丁寧なご指導のおかげです☆
ありごとうございます〜[:ハハ:]
さん | 2004/12/12 02:09
>>藍さん
無事正しく動作するようになったんですね。
よかったです[:ニコッ:]
これからもよろしく〜。
strollさん | 2004/12/13 00:29
strollさま
いつも拝見させていただいてます[:ビックリ:]
MTなのですが、何度か試してみてはいるのですが、どうしてもうまくいきません。画像表示されず、エラーが発生してしまいます。ご教授いただけないでしょうかあせあせ
kazさん | 2004/12/20 18:46
>>kazさん
うーん。。。
何でエラー出ちゃうんだろう。
各エントリーページのソースをそのままコピーして、
拡張子htmlで保存して、保存したファイルをIEで開くと
ちゃんと絵文字が表示できるんですよねぇ。
ちょっと過去にない現象で解決に時間がかかりそうです。。。

でも、1つ修正していただかないといけない箇所はあります。
画像変換スクリプトの設定を下記のように変更してください。
// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'comments-body';
strollさん | 2004/12/20 22:04
strollさん
ご回答ありがとうございます。
ご指摘の箇所は修正しましたが、やはり同様にエラーが出ます[:泣き:]
私がソースをコピーしてhtml保存して開くと、同様にエラーが出ます。。。「')'がありません」と。確認したんですが、ちゃんと「')'」あると思うのですが・・・。
お時間のある時にでも、また見てください[:すいません:]
kazさん | 2004/12/21 00:48
strollさん
できましたぁ!!
<a href="http://blog.magicwhite.jp/" target="_blank">MagicWhiteさん</a>ところにMT用のカスタマイズがあったので、そのとおりにやって、個別ページだけリビルドしてダメで、ダメモトで全てリビルドしたら、出来ました!嬉しいです。
お世話になりました[:おんぷ:]
これからもよろしくお願いいたしますあせあせ
kazさん | 2004/12/21 02:10
>>kazさん
おおっ!
無事出来たんですね。よかったです。
でも・・・なんで、リビルドしたら正常に動作するようになったんだろう。。。
結果オーライってやつですかね。
これからもよろしく〜[:ニコッ:]
strollさん | 2004/12/23 00:55
お世話になります〜[:あせ:]
コメントしてくれようとした友人達から絵文字リストの所に『外部から直接アクセスできません、て出て画像が見えないよ』と言う指摘を受けまして…自分のでは正常稼動するので、どの辺りが悪そうなのか見当が付かなくて…あせあせ
助けてください〜[:イタタ:]
さん | 2004/12/23 22:48
2日前から取り組んでましたが、いよいよ解からなくなってしまいましたので、何度も申し訳ないのですが、どうか教えて下さい。

まず、絵文字同士の間隔が空き過ぎてしまい、
<div class="emoji"></div>または<div id="emoji"></div>などでスクリプトを囲み、
line-height: 120%とCSSに設定しても直りませんでした。

あと、それぞれの変更箇所で
id="comment_area" や name="comform"を追記したりしましたが、絵文字も[***]もフォーム内に入ってこない状態です。

これらはどうしたら改善されるのか教えて下さい。

先日お世話になったばかりなのに、引越し先でまたご面倒をかけることになり、本当に申し訳ございません[:すいません:]
windlucchiさん | 2004/12/24 10:26
>>藍さん
こちらでも、その現象確認できました。
原因は、画像ファイルを他のサーバに置いているためだと思います。
http://ram.yu.to ではなく、http://ram.sweetbox.ws に画像をアップロードすれば大丈夫だと思いますよ。

>>windlucchiさん
>まず、絵文字同士の間隔が空き過ぎてしまい、
すいません。ちょっと時間かかっちゃいそうなので、あとで見てみます。

>絵文字も[***]もフォーム内に入ってこない状態です。
下記の設定にミスがあります。
下記のように変更してください。
// コメントを入力するテキストエリアを指定
var textarea = 'document.comform.comment_text';

画像に変換できないのは、下記の設定にミスがあるためです。
下記のように変更してください。
// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'entry_text';
strollさん | 2004/12/24 22:42
やっと表示ができるようになりました。[:ハハ:]
あせあせ無い物はただ追加すればいいというわけではないのですね[:イヤン:]
<textarea… も、name=…であればいいという訳ではなく。。。[:白目:]
この見極めが私には本当に難しく[:すいません:]毎度の事ながら、strollさんのご親切に救われております。ありがとうございました。

間隔の方も、自分で解決したいのはやまやまなのですが、お力を貸していただきたいと思います。
本当にすみません[:あせ:]

windlucchiさん | 2004/12/25 01:08
ありがとうございます[:ぴこーん:]外部サーバーからでへ呼び出し不可だった様です。予想してはいたのですが…どうしても無理だとは思えなくて[:うーん:]認識甘でした〜[:すいません:]
今は画像を上げ直しまして、無事に作動した様です。
どうもありがとうございました[:ハハ:]
さん | 2004/12/25 21:44
>>windlucchiさん
画像の間隔についてですが、CSSの下記部分に、
.entry_text img {
(省略)
}
margin: 15px 20px;という記述があると思います。
これを削除していただければ、とりあえず絵文字の間隔は直ります。
どうでしょうか?

>>藍さん
画像の件、解決したんですね。
でも、何で藍さんだけ正常に画像が見れたんだろう。。。
ま、とりあえず解決してよかったです。
strollさん | 2004/12/25 23:30
解決しました[:ビックリ:]
機能も表示もバッチリです[:おんぷ:]
これでやっと引越しの案内ができそうです。

strollさんに大感謝します[:はあと:]
最後までアドバイスを本当にありがとうございました。[:ハハ:]
windlucchiさん | 2004/12/27 12:10
>>windlucchiさん
無事解決したんですね[:ハハ:]
よかったです。

ちなみに、今回のようにCSSが原因だった場合は、部分的にコメント化(CSSを無効化)して確認していくと簡単に原因を特定することができます。
複数行をコメント化するには、/* と */ で囲むことで可能です。
strollさん | 2004/12/27 21:41
sutrollさ〜ん、できましたぁ[:ビックリ:][:おんぷ:][:はあと:]もう、感動です。strollさん、最高[:はあと×2:]
コメント読むのもレスするのもとっても楽しくなりました。
本当にありがとうございました。トラバもさせてもらっちゃいましたぁ。
Suuさん | 2004/12/28 18:57
>>Suuさん
無事出来たんですね。
よかったです[:ニコッ:]
トラバありがとです。
これからもよろしく〜。
strollさん | 2004/12/30 00:10
fc2さんでこちらのスクリプトを入れてみたのですが、出力スクリプトを上手く設定できず、先に進めずにいます。
こんな時期に、申し訳ありませんが、お手空きでアドバイス頂きたくお願い申し上げます。
らってさん | 2004/12/30 16:35
>>らってさん
返信遅くなりましてすみません。
ちょっとだけ設定にミスがあります。
下記のようにしてみてください。

・画像リスト出力スクリプトの設定
// コメントを入力するテキストエリアを指定
var textarea = 'document.comform1.comment';

・画像変換スクリプトの設定
// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'content';

どうでしょうか?
strollさん | 2005/01/01 15:07
あけましておめでとうございます。
ご指摘のとおりに書き直し、無事に設置できました[:らぶ:]
お忙しいところ、ありがとうございました_(._.)_
らってさん | 2005/01/01 17:54
>>らってさん
無事設置できたみたいですね。
よかったです。
これからもよろしく〜[:ニコッ:]
strollさん | 2005/01/02 21:10
livedoor blogでも問題なく設置できました[:おんぷ:]
strollさんオススメの画像サイトさんにもお世話になっちゃいました。
ホント感謝のひとことです[:ビックリ:]
yuki♂さん | 2005/01/06 18:20
>>yuki♂さん
スクリプトご利用ありがとうございます。
livedoor blogでも設置できたんですね。
>strollさんオススメの画像サイトさんにもお世話になっちゃいました。
このスクリプトは画像あってこそですからね。
お気に入りの画像が見つかってよかったです。
strollさん | 2005/01/06 23:41
こちらでお見かけして、ずっとやりたかったんです[:はあと:]
ココログベーシックではテンプレートがいじれないので、
部分的に変更して、やっと実現にこぎつけました[:おんぷ:]
ありがとうございました。

それからトラバが重複してしまい、申し訳ございませんあせあせ
お手数ですが一つ削除していただけますでしょうか[:はてな:]
KOROPPYさん | 2005/01/14 22:27
>>KOROPPYさん
ほう〜。
ココログベーシックでも利用できたんですねぇ。
ご利用ありがとうございます。
あとで記事、じっくり見させていただきます[:サングラス:]
strollさん | 2005/01/15 15:22
jugemのあまりの重さに耐えかね、sbへと移行しました。
コメント絵文字機能設置で公開しようと思ったのですが
全くできません[:泣き:]

何度も設置し直したのですが、全く絵文字が表示されません
(×印すらでません・・・)
どこがどう悪いのかもう私の知識では探すのが限界です
一度みてもらえませんでしょうか???

移行前のテンプレで
<form name="comform" action="・・・" method="post" >
の部分が
<form name="form1" action="./?mode=comment" method="post">
となってましたが、このform1をcomformに換えたのは間違いでしょうか?

移行と絵文字機能設置で16時間PCの前で粘り、限界ですげっそり
助けてください[:泣き:][:泣き:][:泣き:][:泣き:]
(今から400枚の画像移行せねば・・[:白目:])
sanntaさん | 2005/01/18 16:47
>>sanntaさん
コメントにカスタマイズ絵文字入力機能:画像設定スクリプトの下の方にある下記部分にミスがあります。

list[list.length] = new Array('ビール', 'http://sannta.2-d.jp/ham/sb/img/com/m004.gif');・

最後のm004.gif');のあとに ・ があるため、スクリプトがエラーになってしまっています。
・ を削除していただければ、正しく動作するはずです。
どうでしょうか?

それと、もうひとつ。
投稿者名別アイコン表示スクリプトなんですが、設定部分が下記のようになっていると思います。
var userImages = [
['投稿者名', '画像URL'],
['投稿者名', '画像URL'],
['投稿者名', '画像URL'] ←最後の行には , はいりません。
];
この設定部分の最後の['投稿者名', '画像URL']には、 , は含めないでください。
これもエラーの原因になってしまいます。

P.S.
16時間も悩まないですぐ聞いてくれればよかったのに。
strollさん | 2005/01/19 01:54
strollさん、こんにちは[:ハハ:]

でっ!できましたぁ〜[:らぶ:]
やっ!やれましたぁ〜[:はあと×2:]
ありがとうございますっ[:ぶちゅー:]

何度も見直したはずなんですが
このぽっちに気付かなかったとは・・
カスタマイズの奥深さを再認識させていただきました[:ニコッ:]

お忙しい中見ていただいてありがとうございました。
strollさんにはお手数おかけさせたくなかったんですが
頼ってしまって正解でした[:ハハ:]
なるべく自力で解決できるよう、しっかり勉強していきます!

PS. 別のトコまで助けていただいてありがとうございマス[:はあと:]
sanntaさん | 2005/01/19 17:12
>>sanntaさん
無事できたんですね。
よかったです[:ニコッ:]

>このぽっちに気付かなかったとは・・
こういうのはHTMLやJavaScriptを色分けしてくれるテキストエディタ使わないとなかなか見つけにくいかもしれませんねぇ。
これからもよろしく〜。
strollさん | 2005/01/19 20:09
はじめまして[:ニコッ:]
すのごさん | 2005/01/20 16:44
いきなりですみませんが、二重投稿になってしまいました。
↑のは削除、お願いします[:すいません:]

改めて、はじめまして。
sbに移行してから色々参考にさせてもらっています。
コメント欄に絵文字を試行錯誤しながらやっているのですが
もうまったくどうにもなりません[:泣き:]
表示すら出来ません。
他の方々のコメントも読ませていただきましたが
頭がイッパイイッパイでもう破裂しそうです[:|||:][:ドクロ:][:|||:]
お忙しいとは思いますが、お助けください[:泣き:]
すのごさん | 2005/01/20 16:55
>>すのごさん
えーっと、画像設定スクリプトの途中がなくなっちゃってることが原因です。

list[list.length] = new Array('画像名', '画像URL');
return list; //←ここの行が足りません
} //←ここの行が足りません

function getCustmizeEmojiAttribute() {

上記、足りない行を追加してみてください。
どうでしょうか?
strollさん | 2005/01/20 23:47
やったぁー[:ビックリ:]
出来ました[:らぶ:]

いじってるうちに消してしまっていたんですね。
何度も見直したつもりでいたのですが
気が付きませんでした。

画面を見ながらにやけている私です[:はあと:]
本当にありがとうごじました!!
すのごさん | 2005/01/21 08:15
ありがとうごじました!!・・・
・・・
はっ[:泣き:]ごじましたって・・・
恥ずかしいぃ[:すいません:]

もちろん、ありがとうございました!!デス[:おんぷ:]
さん | 2005/01/21 08:21
>>すのごさん
無事できたんですね。
>画面を見ながらにやけている私です
そんなによろこんでいただけてよかったです[:ニコッ:]
これからもよろしくー。
strollさん | 2005/01/22 02:03
strollさん、こんばんわ!
いつもこちらのsb機能を使わせていただいています。
今回、このコメント欄に絵文字をお借りしたんですが、上手く行きません[:|||:]
コメントを投稿したときはきちんと、コメント欄に入ってるんですが、ページを変えたりするとコメント数にカウントされません・・
RECENT COMMENTにもカウントされず、また一つコメントすると前の分は見れます。
この絵文字を使わずコメントしてもカウントされなくなってしまいました・・
基本的なところをイジってしまったんでしょうか・・[:きれつ:]
お知恵をお貸しくださいm(_ _"m)ペコリ
イクミさん | 2005/01/23 00:15
strollさん、何度もごめんなさい[:|||:]
どうも、ちゃんとなってるみたいです[:ビックリ:]
私のブラウザの更新加減のようでした・・
本当にすみませんm(_ _"m)ペコリ
また、覗きに来ます[:はあと:]
BPに登録させていただきました[:はあと×2:]
イクミさん | 2005/01/23 00:27
>>イクミさん
こんばんわ。
えーっと、ウチのスクリプト自体は正常に動作しているんですよね?

>コメント欄に入ってるんですが、ページを変えたりするとコメント数にカウントされません
これは、comments (2) とかのことですよね?
たぶんブラウザのキャッシュが残っちゃってるのが原因じゃないかなぁ。
HTMLの<head>〜</head>の中に、下記を追加したらどうですかね?
<meta http-equiv="Pragma" content="no-cache" />
#再構築をお忘れなく。

これでダメだとしたら、sbの方が正常に動作しなくなっちゃってるのかも。。
strollさん | 2005/01/23 00:31
>>イクミさん
あ、コメントのタイミングかぶっちゃった。。。
やっぱりブラウザのキャッシュが残っちゃってたみたいですね。
上のコメントのタグを追加すれば改善できるかも。

BlogPeople登録ありがとです。
strollさん | 2005/01/23 01:12
[:ニコッ:]こんんばんは
きょうはお便りありがとうございました。
とてもたのしいコメントに絵文字、設置するまでの苦闘や設置できた時の嬉しさ、またMacの方が書き込み出来ないと解った後の、何とかならないかとあがいた時間を思うと、なくすには涙が出ます。[:イタタ:]
でも、書き込みできない方が一人でもいる限り、諦めざるを得ないと思いまして、今回は断念いたしました。[:困った:]
とても親切に対応してくださって本当にありがとうございました。
また、どこかに設置させていただく時があるかと思いますが、その折にはよろしくお願いいたします。[:ニコッ:]
どりーみーさん | 2005/01/31 21:46
>>どりーみーさん
せっかく苦労して設置していただいたのにすみません。。。
Macを持ってれば、もっと詳しく原因追求ができるんですけどねぇ。
ホント、申し訳ないです[:はなみず:]
strollさん | 2005/02/01 01:30
strollさん おはようございます。
先日はご親切にありがとうございました。
なんとかこのスクリプトを使わせていただきたいと思いまして
スキンBBSへの設置を試みました。
BBSスキンは自由に変えていいということですのでその点は心配ないと思っているのですが、、、、
http://f51.aaa.livedoor.jp/~tedukuri/emoji2/clever.cgi
投稿フォームは
http://f51.aaa.livedoor.jp/~tedukuri/emoji2/write.html
です。
ーーーーー
<div id="comment_area"> ----- (1)、(2)
<div class="comment_body"> ----- (3)繰り返される部分
各コメント本文
</div>
</div>
ーーーーー

この部分がなかったので付け足した物です。
また、form nameもなかったです。
<TEXTAREA cols="60" rows="8" name="comment" wrap="soft">
となっていましたのでTEXTAREAの名前はname="comment"かと思いました。

が、[1]のように書き込み欄に文字は入るのですが表示部分に絵がでてきません。
苦し紛れにimgタグを書かせてみました。[:イヤン:]http://f51.aaa.livedoor.jp/~tedukuri/emoji2/clever.cgi?mode=res&no=3
でも結局は

// コメントにカスタマイズ絵文字入力機能:画像変換
function changeCustmizeEmojiTag() {
// (1)コメント全体のタグの id 属性
var commentAreaIdName = 'comment_area';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'comment_body';

の部分がわかりません。

そこで、全く別の人のCGIスキンをみましたら
form name、 TEXTAREA NAMEともに付いていたので
これでやってみました。


http://www.marinenet.co.jp/dmforest/kkrro/korobbs.cgi

でもやはりタグの id 属性、タグ名、class 属性
が解りません。
いろいろと試してみたのですが駄目なので、いまは何も書いてありません。

諦めればいいんでしょうが、 執着してしまいました。ヾ(´▽`*)ゝ

BBSでは出来ないということであれば、仕方ないですが、
もし、できることならやってみたいと思います。よろしくご指導お願い致します。[:すいません:]
さん | 2005/02/05 07:32
[:白目:]すみません。↑のコメント名前がなかったです。
[:ハハ:]
どりーみーさん | 2005/02/05 08:36
strollさんはじめまして。
コメントに絵文字、そしてコメントプレビューを活用させていただいてます。ありがとうございます。[:おんぷ:]

えっと。
初対面なうえいきなりで大変恐縮なのでありますが、お願いに参りました。[:すいません:]

この絵文字用スクリプト全体をlivedoor Blog用に最適化し、ひとまとめにしたjavascriptを
私のブログで配布し設置方法を記事にさせて頂くことは可能でしょうか?

弱小ブログですのでそれほど大規模にはならないとは思いますが、お願いにあがった次第であります。
お暇な時にでもお返事いただければ幸いです。よろしくお願いいたします。[:ニコッ:]
cieさん | 2005/02/05 12:10
こんにちは。いつもお世話になっています。
最後の3つの値で苦労しましたが、何とか設置できました。
ありがとうございました。絵文字あるとなんか楽しそうで良いですよね[:ニコッ:]
Anneさん | 2005/02/05 16:37
>>どりーみーさん
スキンBBSというものがどういうものか理解していないのですが、これは、テンプレート(スキン)のHTMLか何かを利用できるBBSなんですかね?
だとしたら、各コメントが表示される部分(各コメントに変換される独自タグのようなもの?)があるはずなので、それを<span class="comment_body">〜</span>で囲んでみてください。
で、設定を下記のようにしていただければ、投稿したコメント中に含まれる[絵文字の名前]の部分が画像に変換できるはずです。

// コメントにカスタマイズ絵文字入力機能:画像変換
function changeCustmizeEmojiTag() {
// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = 'span';
// (3)各コメントの class 属性
var commentBodyClassName = 'comment_body';

どうでしょうか?

>>cieさん
はじめまして。
スクリプトご利用ありがとうございます。
>この絵文字用スクリプト全体をlivedoor Blog用に最適化し、ひとまとめにしたjavascriptを私のブログで配布し設置方法を記事にさせて頂くことは可能でしょうか?
まったく問題ないですよ[:ニコッ:]
可能であれば、リンクを張っていただけるとうれしいですけどね[:イヤン:]

>>Anneさん
こんにちわ。
>最後の3つの値で苦労しましたが、何とか設置できました。
やっぱりこの設定が難しいみたいですよねぇ。
説明足りないですかねぇ
でも、無事設置できたみたいでよかったです。
これからもよろしく〜[:ニコッ:]
strollさん | 2005/02/06 02:39
strollさん、はじめまして[:ニコッ:]
コメントに絵文字のスクリプト、お借りしました[:はあと:]
すっごくかわいくなって感激です。ありがとうございました。
勝手ながらbpにも登録させていただきました[:おんぷ:]
まだまだ魅力的なスクリプトがたくさんあるので(コメントのプレビューとか・・。)またいただきにあがるかと思いますが、
ドウゾよろしくお願いします[:はあと×2:]
misato*さん | 2005/02/06 02:45
strollさん,おはようございます。
ご回答ありがとうございました。スキンBBSはcgiの他にHTMLで編集できるページが付いてくるものなのですが
http://www.marinenet.co.jp/dmforest/kkrro/skin/koro.view.html
↑こちらがそのページです。
各コメントに変換される独自タグのようなものというところが何処なのか解りません[:あせ:]
囲うところが違っているらしく、「ページを表示できません終了します」、となってしまいます。すみません。具体的に何処に<span class="comment_body">を入れ、</span>をどこに置くのかお教え願えないでしょうか?
それともHTMLの中にこれに代わるタグが書いてあるのでしょうか?
ほんとにすみません。[:すいません:]

http://blog.livedoor.jp/dreamy1/
こちらはあまり更新していないlivedoorBlogですが今朝やってみたところ
一発でできました。嬉しいです。[:ニコッ:]
どりーみーさん | 2005/02/06 09:51
strollさんお忙しい中お返事ありがとうございます。[:ニコッ:]

> まったく問題ないですよ
> 可能であれば、リンクを張っていただけるとうれしいですけどね
ありがとうございます。
先ず記事中にリンクそしてjavascriptファイルの中にも
キチンとリンクとブログのご紹介をさせていただくつもりです。[:サングラス:]
記事が書き終わりましたらまた報告しにまいります。
cieさん | 2005/02/06 12:28
>>misato*さん
はじめまして。
気に入っていただけたみたいでよかったです。
BlogPeople登録ありがとです。
こちらも登録させていただきました。
コメントプレビューもぜひ!
こちらこそ、これからもよろしくです。

>>どりーみーさん
$message という部分が、実際のコメントに変換される部分だと思います。
なので、コメント用とそれのレス用の2箇所の $message を下記のようにspanタグで囲っていただければ大丈夫だと思います。

<span class="comment_body">$message</span>

どうでしょうか?

livedoorBlogのほうはすんなりできたみたいですね。
よかったです[:ニコッ:]

>>cieさん
>先ず記事中にリンクそしてjavascriptファイルの中にも
>キチンとリンクとブログのご紹介をさせていただくつもりです。
ありがとうございます。
記事、楽しみに待ってます[:ニコッ:]
strollさん | 2005/02/06 22:04
strollさん,
毎日、すみません。書き込んでみましたが、場所はあそこでいいんでしょうか?変換されません。お忙しいところ本当に申し訳ありませんが。よろしくお願いいたします。
どりーみーさん | 2005/02/07 17:04
strollさんこんばんは。[:ニコッ:]
やっと記事をアップすることができましたのでご覧になってみてください。
もし不備やご不満な点などございましたら遠慮なくご指摘くださいませ。
本当にありがとうございました。

#あらためてトラックバックもさせて頂きました。
cieさん | 2005/02/07 22:54
>>どりーみーさん
えーっと、$messageについてはあってるのですが、スクリプトを追加する場所が間違ってますです。
(スクリプトがコメント部分よりも上にあるために、スクリプト実行時にコメント部分を見つけられない状態となっています。)
HTML中に下記の部分があるので、その後にスクリプトがくるように修正してください。

<!-- スレッド終わり -->
<!-- CHOP -->
{ここらへんからスクリプト開始}

こうすれば、きっと大丈夫なはず。。。
どうでしょう?

>>cieさん
記事読ませていただきました。
すごく丁寧に解説していただいてると思います。
これを期に、livedoorでもコメントに絵文字つける人が増えてくれることを期待してます[:ニコッ:]
strollさん | 2005/02/08 01:29
strollさん
できました。細かく丁寧にお答えいただいてほんとうにありがとうございました。もう嬉しくて夢のようです。お教えいただいたことを頼りにレスHTMLのほうにも無事入れることができました。
昨日は諦めようかと思っていたんですが思い切ってお聞きして良かったです。
掲示板を公開する場合はリンクを入れさせていただきます。
ほんとうにありがとうございました。
http://www.marinenet.co.jp/dmforest/kkrro/korobbs.cgi
どりーみーさん | 2005/02/08 07:58
>>どりーみーさん
無事できたみたいですね。
よかったです[:ニコッ:]
>掲示板を公開する場合はリンクを入れさせていただきます。
ありがとうございます。
これからもよろしく〜。
strollさん | 2005/02/08 09:18
作ったばかりのロリポブログにも同様の手順で導入できました。
ありがとうございますー。[:ニコッ:]
ジュゲムベースだからできるかなーとチャレンジしてみたのですが、
とっても簡単でした![:はあと:]
MTだとどうしてうまくいかないんだろう・・・[:泣き:]
yokoさん | 2005/02/08 17:13
>>yokoさん
そうですね。ロリポブログは基本的にJUGEMと同じシステムですから、ウチで公開してるJUGEM用の記事はほとんどそのまま使えると思います。
>MTだとどうしてうまくいかないんだろう・・・
MTでもできるはずなんですけどねぇ。
何かわからない点等ありましたら、お気軽にコメントどうぞ〜。
strollさん | 2005/02/09 01:58
>strollさま
MTでもできました![:らぶ:]
最後の3つの値が難しくていろいろ突っ込んで[:イタタ:]みたら、どうにかできました。
1週間がかりでしたorz
なので、すっごくすっごく嬉しいです。[:はあと:]
素敵なカスタマイズお借りできてありがとうございますー。[:はあと×2:]
yokoさん | 2005/02/09 07:00
>>yokoさん
おお!
MTでも無事できたんですね。
お疲れ様です。
よろこんでいただけてよかったです。
strollさん | 2005/02/09 21:58
はじめまして。
最近ブログ始め、只今カスタマイズ中です。コメントに絵文字がとてもキュートなのでお借りします。タグをいじってみたのですが、
スプリクトエラー
ライン:31 文字:1 エラー:"}"がありません コード:0
私にはどの部分が間違えているのか見当がつかず…。
お時間があるときでかまわないのでアドバイズ宜しくお願いいたします。
月夜の晩にさん | 2005/02/12 23:17
>>月夜の晩にさん
1.えーっと、まず、画像設定スクリプトの下記部分を追加してください。
list[list.length] = new Array('04.gif', 'http://XXX.jp/04.gif');
return list; //←ここを追加
} //←ここを追加

function getCustmizeEmojiAttribute() {

2.次に、HTML中の下記部分にミスがあります。
変更前)<form "comform"action="http://XXX/sb.cgi" method="post">

"comform"の前に、name= が足りません。また、"comform"の後には半角スペースを入れておいた方がいいです。ブラウザによっては正しく処理できない可能性があるためです。
というわけで、下記変更例のように修正してください。
変更例)<form name="comform" action="http://XXX/sb.cgi" method="post">

3.最後に、1つ。画像変換スクリプトが追加されていないので、このままでは投稿したコメント中に含まれる画像変換用文字列を画像に変換できません。

どうでしょうか?
strollさん | 2005/02/13 00:45
strollさま
アドバイスありがとうございました。
アドバイスとログとにらめっこしていたらこんな時間になってしまいました。おはようございます。あせあせやっとこさ第一段階クリアしました。それではとりあえずおやすみなさい。
月夜の晩にさん | 2005/02/13 06:03
>>月夜の晩にさん
うわー[:わおっ:]遅くまでがんばったんですねー。
お疲れ様です。
とりあえず、無事できたようでよかったです。
画像変換スクリプトも無事設置できたみたいですね。
strollさん | 2005/02/14 20:20
strollさん、はじめまして[:ニコッ:]

今日一日PCにかじりついてがんばっているのですが、絵文字が表示すらされません[:泣き:]
何度もはじめからやり直しているのですが、ドツボにハマってしまったようです。
どうか、お力をお貸しいただけませんでしょうか・・・・。

ちなみに、ロリポブログの「cutout」をカスタマイズしてやっております。
オレイナさん | 2005/02/15 20:49
>>オレイナさん
画像名、画像URLの設定に2つミスがあります。
「'」が足りないのと、不要な「(」があります。

上から2コ目:new Array(にこ', '(http://oreina.net/e/pp_01a.gif');
→修正例)new Array('にこ', 'http://oreina.net/e/pp_01a.gif');

上から10コ目:new Array(ぷんぷん', 'http://oreina.net/e/pp_09a.gif');
→修正例)new Array('ぷんぷん', 'http://oreina.net/e/pp_09a.gif');

上記のように修正してみてください。
どうでしょうか?
strollさん | 2005/02/15 22:18
strollさん!!

できました!ありがとうございます[:ぶちゅー:]

やっぱりおバカな私のケアレスミスでしたね。
お時間を割いていただいてありがとうございました。

strollさんの解説は、簡単明瞭でとてもやる気がでます。
オレイナさん | 2005/02/15 23:35
>>オレイナさん
無事できたみたいですね。
よかったです。
>やっぱりおバカな私のケアレスミスでしたね。
こういうケアレスミスほど気づきにくいもんです。
が、HTMLやJavaScriptを色分けして表示できるテキストエディタなどを使うと、編集しやすいですよ。
strollさん | 2005/02/16 00:58
strollさん、こんにちは。
・・・。お手上げですげっそり
色々試してみたのですが、元に戻し現状はこんな感じになってます。
何処がおかしいのか、教えていただけませんか?
げっそり←この絵文字状態です(泣)宜しくお願いします。
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
JUGEM TEMPLATER 同盟の「3カラムで芋ネジ」さんの
http://olo.jugem.cc/?tid=11
テンプレを使わせてもらってるのですが

<script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能:画像設定
function getCommentEmojiList() {
var list = new Array();
// 画像名、画像URLの設定
list[list.length] = new Array('1', '絵文字URL');
list[list.length] = new Array('2', '絵文字URL');
list[list.length] = new Array('3', '絵文字URL');
return list;
}

function getCustmizeEmojiAttribute() {
// 画像タグに含める属性値(alt属性以外)
var att = 'border="0" style="vertical-align:middle"';

// ***************** 設定ここまで *****************
att = (att != '') ? (' ' + att) : '';
return att;
}
// -->
</script>

これを</head>のすぐ上に設置。


<script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能:画像リスト出力
function writeCustmizeEmojiTagList() {
// コメントを入力するテキストエリアを指定
var textarea = 'document.comform.description';

// ***************** 設定ここまで *****************
var list = getCommentEmojiList();
var att = getCustmizeEmojiAttribute();
for (var i = 0; i < list.length; i++) {
window.document.write('<a href="javascript:;" onClick="addCustmizeEmoji(' + textarea + ', ¥'' + list[i][0] + '¥');"><img src="' + list[i][1] + '"' + att + ' alt="' + list[i][0] + '" /></a>');
}
}

// reference from jugem.jp (c)
function addCustmizeEmoji(obj, tag) {
var item = '[' + tag + ']';
if (document.selection) {
obj.focus();
sel = document.selection.createRange();
sel.text = item;
} else if (obj.selectionStart || obj.selectionStart == '0') {
var startPos = obj.selectionStart;
var endPos = obj.selectionEnd;
obj.value = obj.value.substring(0, startPos)
+ item + obj.value.substring(endPos, obj.value.length);
} else {
obj.value += item;
}
}
writeCustmizeEmojiTagList();
// -->
</script>

これを<!-- BEGIN comment_area -->のすぐ下に設置。



<script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能:画像変換
function changeCustmizeEmojiTag() {
// (1)コメント全体のタグの id 属性
var commentAreaIdName = 'comment_area';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'comment_body';

// ***************** 設定ここまで *****************
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();
// -->
</script>

これを<!-- END comment_area -->のすぐ上に設置。

この状態になってます[:|||:]
さくらこさん | 2005/02/17 15:13
はじめまして[:ニコッ:]

スクリプトお借りしました。
完成までに試行錯誤を繰り返して苦労しましたが、やっと出来上がりです♪
とても嬉しいです。

ありがとうございました!
MOGさん | 2005/02/17 16:00
strollさん。。。泣きつきに来ました[:泣き:]
一度挫折して。。。
今日もう一回チャレンジしたんですけど、出来ませんげっそり
弄っているテンプレはココです。。。
http://blog2.fc2.com/kumiphoto/index.php?style2=simple-brown-coment
表示させるところまでは、出来ていると思うんですけど[:はてな:]
お時間ある時で構いませんので、助けてください[:すいません:]
あ。。。
もしかしたら、外部から画像を引っ張って来れない。。。とかでしょうか?
KUMI☆さん | 2005/02/17 17:30
>>さくらこさん
すいませんが、設置しようとしているブログのURLを教えていただきたいのですが・・・。
HTMLの一部を貼り付けられても、実際のHTMLがどうなってるかがわからないと原因が特定できない場合があります。(ソースが足りなかったり)
また、ソースを部分的に書かれても、これらを1つにするのが手間というのもあります。
あとは、コメント欄がすごく縦長になってしまうというのもあったり。
URLを公開したくないのであれば、メールでもOKですので。

>>MOGさん
はじめまして。
スクリプトご利用ありがとうございます。
設置お疲れ様でした。
他にも気に入ったのがあったらどんどん使ってやってください。

>>KUMI☆さん
うーん。
http://blog2.fc2.com/kumiphoto/index.php?style2=simple-brown-coment
↑のURLにアクセスしてみたんですが・・・各エントリーのページにアクセスすると、今現在お使いのテンプレートで表示されちゃいますよね?
各エントリーページは動的に生成しているわけではなくHTMLページですし。
というわけで、確認ができないんす[:泣き:]
どうしましょ。
strollさん | 2005/02/17 22:40
ごめんなさい。えっと『春木屋』さんの『hold template』ってのを使っていただくと、
各エントリーのページにそのまんまアクセスできるんですけど。。。
駄目かしら[:うーん:]
これです→http://blog2.fc2.com/sug/#entry70
KUMI☆さん | 2005/02/17 23:38
>>KUMI☆さん
へぇ〜。こんなものがあるんすねぇ。
おかげで確認できました。

まず、画像変換スクリプトの設定を下記のように変更してください。

// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'combody';

これで、絵文字入力機能は動作するようにはなるんですが、ページ内のリンク(自分のページ以外のリンク)を強制的に別ウインドウで開くスクリプトを使ってますよね?
それのせいで、絵文字をクリックするたびに、空白の新しいウインドウが開いちゃうんですよねぇ。
というわけで、そのスクリプトを下記のように修正してください。

変更前)
if(aObj[i].href.indexOf("http://blog2.fc2.com/kumiphoto/") < 0){

変更後)(※改行無しで1行で)
if(aObj[i].href.indexOf("http://blog2.fc2.com/kumiphoto/") < 0 && aObj[i].href.indexOf("javascript:;") < 0){

どうでしょうかね?
strollさん | 2005/02/18 00:43
わーい[:はあと:] 出来ましたぁ[:おんぷ:]
アドバイスありがとうございました。
>var commentBodyClassName = 'combody';
この部分が解らなくって、ず〜〜〜っと悩んでました。
まだまだじぇんじぇん解ってない模様←私[:すいません:]
リンクのスクリプトのほうも、うまくいきました。
ホントにありがとうございました<(_ _)>
KUMI☆さん | 2005/02/18 02:10
>>KUMI☆さん
無事できたみたいですね[:ニコッ:]
>まだまだじぇんじぇん解ってない模様←私
ま、一回動いちゃえば、とりあえずOKでしょ。
リンクのスクリプトもうまくいったみたでよかったです。
strollさん | 2005/02/18 23:17
strollさん、こんばんはあせあせ
こないだ、コメントブレビューの件でお世話に
なりましたなるです。

絵文字リストはOKでしたものの、
入力して送信を押してもコメント上では絵文字にならず、
[○○]になったまんまです[:|||:]

タグを色々と入れ替えてみたりしたのですが
うんともすんとも言いません・・[:困った:]

お手数をおかけしますが、よろしくお願いします!!
なるさん | 2005/02/20 02:10
>>なるさん
各コメント本文を出力するタグ:<%comment_body>を探してみてください。
下記のようになっていると思います。
<p><%comment_body><br><br><br></p>

これを、下記のように変更してください。
<p class="commentbody"><%comment_body><br><br><br></p>

そして、画像変換スクリプトの設定を下記のように変更していただければ、うまくいくと思います。
// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = 'p';
// (3)各コメントの class 属性
var commentBodyClassName = 'commentbody';

どうでしょうか?
strollさん | 2005/02/20 18:09
strollさんの教えてくれた方法で出来ました!!

うちもまさか、ここ?って思ってたんですけど
対処法が分からなくてこんがらってました[:あせ:]

無事出来てめっちゃ嬉しいです[:ぶちゅー:]

お忙しいところ、本当にありがとうございました!
他にも記事に絵文字っていうのもやってみます[:おんぷ:]
なるさん | 2005/02/20 23:19
>>なるさん
うまくできたみたいですね。
よかったです。
ご利用ありがとうございます[:ニコッ:]
ぜひ、記事にも絵文字使ってみてください。
strollさん | 2005/02/20 23:47
こんにちわ[:ニコッ:] いつも拝見させて頂いてます。
FC2ブログを使用しているのですが(只今テスト中)、この「コメントに絵文字」が1日中悩んでも解決できなく、質問させて頂きます。

やっと絵文字を入力させることが出来たのですが、どうもコメントに反映されません。。[:泣き:]

あと絵文字の表示位置もなんだか上手くいかなくて困ってます[:イタタ:]

お忙しいところすみませんが、よろしくお願いします。
みねママさん | 2005/02/21 13:29
>>みねママさん
はじめまして。
>やっと絵文字を入力させることが出来たのですが、どうもコメントに反映されません。。
うーん。こちらで試したところ、ちゃんと絵文字に変換できているようなのですが。。。
もしかして、すでに解決済みですかね?

>あと絵文字の表示位置もなんだか上手くいかなくて困ってます
どのようにうまくいかないのかを教えていただかないと、アドバイスが難しいです[:はなみず:]
もう少し詳しく教えてくれませんか?
strollさん | 2005/02/21 21:07
早速、ご回答ありがとうございます[:ニコッ:]
絵文字に変換はできたのですが、コメント送信しても、コメント欄(一覧)に表示されないんです。
もちろんコメントのカウントもされなくて…[:泣き:]

絵文字の表示位置なんですが、strollさんのように↑普通は「comments:」の下に表示されますよね♪
私の場合、なぜか「name」の上に表示されるんです[:|||:]

説明不足でごめんなさいあせあせ
みねママさん | 2005/02/21 21:43
>>みねママさん
>絵文字に変換はできたのですが、コメント送信しても、コメント欄(一覧)に表示されないんです。
まず、textareaタグを下記のように変更してください(改行不要)。
<textarea id="comment_text" cols="40" rows="8" name="comment[body]">

次に、画像リスト出力スクリプトの設定を下記のように変更してください。
// コメントを入力するテキストエリアを指定
var textarea = 'document.comform.comment_text';

これで、コメントの投稿ができるはずです。
FC2は他のブログと設定の仕方が違うので難しかったかも。。。

>絵文字の表示位置なんですが、strollさんのように↑普通は「comments:」の下に表示されますよね♪
表示位置は、画像リスト出力スクリプトを追加した場所になりますので、「普通はここ」というのはありません。
もし、コメントを入力するtextareaの上に表示したいのであれば、下記のようにスクリプトを移動して、スクリプトの後に<br />を追加してみてください。
(textareaタグは上記修正後のタグ内容になってます。)
<tr>
<td>Comment</td>
<td><!-- ★ここに画像リスト出力スクリプトを追加★ --><br /><textarea id="comment_text" cols="40" rows="8" name="comment[body]"></textarea></td>
</tr>

どうでしょうか?
strollさん | 2005/02/21 23:08
はじめまして[:ニコッ:]ヤプログでコチラのコメント欄にに絵文字入力機能を
使わせてもらいましたぁ!![:はあと:]
感動デス!!とっても可愛くて満足しました!
ヤプログのお友達にも設置の仕方を訊かれたのでココを紹介しようと思います。
リンクを貼って、ヤプログでの設置の仕方を記事にしても良いでしょうか?

あと、ヤプログ版絵文字入力支援スクリプトって作る予定は・・・ないですか??
他のブログがとっても羨ましく思えます アハ[:ハハ:]
micchiさん | 2005/02/22 05:38
>>micchiさん
はじめまして。
スクリプトご利用ありがとうございます。
満足していただけたみたいでよかったです[:ニコッ:]

>リンクを貼って、ヤプログでの設置の仕方を記事にしても良いでしょうか?
全然問題ありません。
どんどん記事書いちゃってください。

>あと、ヤプログ版絵文字入力支援スクリプトって作る予定は・・・ないですか??
ヤプログでもできるかどうか調べてみます。
少々お待ちください。
strollさん | 2005/02/22 08:33
何度もすみません[:・・・:]
教えて頂いた通りやってみたのですが、解決できませんでした[:あせ:]
もう1度最初からやってみます。。
みねママさん | 2005/02/22 17:50
>>みねママさん
うーん。
説明が悪かったですかねぇ。
絵文字の表示位置についてですが、下記をそのままコピー&ペーストするのではなくて、<!-- ★ここに画像リスト出力スクリプトを追加★ -->の部分に、画像リスト出力スクリプトを貼り付けるということだったんですが。。。

<tr>
<td>Comment</td>
<td><!-- ★ここに画像リスト出力スクリプトを追加★ --><br /><textarea id="comment_text" cols="40" rows="8" name="comment[body]"></textarea></td>
</tr>

変更後は下記のようになります。
<tr>
<td>Comment</td>
<td><script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能:画像リスト出力
function writeCustmizeEmojiTagList() {
(■■省略■■)
}
writeCustmizeEmojiTagList();
// -->
</script><br /><textarea id="comment_text" cols="40" rows="8" name="comment[body]"></textarea></td>
</tr>

がんばってみてください。。。
strollさん | 2005/02/22 21:42
絵文字の表示位置(コメントフォーム)出来ましたぁぁ[:ハハ:]
毎回ご親切にありがとうございます[:はあと:]
なんせ初心者なもので、よくわかっていない私[:|||:](恥)

でもでも、やはりコメントを入力し送信しても、反映されないんですよねえ。。。あせあせ
もう少し頑張ってみます[:ビックリ:] 
せっかくここまで来たのですから…[:おんぷ:]
みねママさん | 2005/02/22 23:25
まだ、全然わかりません
でも「いつか使いたい」のでなくさないで下さいね[:はあと:]
カワズさん | 2005/02/23 08:20
>>みねママさん
やっぱりコメントが反映できないんですか。。。
なんでかなぁ。
もうちょっとがんばってみてください。

>>カワズさん
>でも「いつか使いたい」のでなくさないで下さいね
なくさないので安心してください。
移転はするかもしれませんけどね(ぉ
strollさん | 2005/02/23 22:01
strollさん
いえ、stroll様

このようなカスタマイズ法を紹介してくださり、感謝以外に言葉が見つかりません[:泣き:]

これで、私のBLOGもコメントが増えると良いな[:おんぷ:]

ありがとうございました〜[:ニコッ:]
タムさん | 2005/02/25 11:23
はじめまして!!
いつも参考にさせてもらってます[:はあと×2:]
今回どうしてもできなくてとうとう朝になってしまいました[:あせ:]
どうかアドバイスよろしくお願いします[:泣き:]
絵文字を表示することはできたのですがクリックをしてもコメント入力欄に表示されません[:|||:]
どこをどうしたらいいのかわからないでいます。お手数ですがアドバイスよろしくお願いします[:すいません:]
ぱんださん | 2005/02/26 05:24
>>タムさん
スクリプトご利用ありがとです。
コメント増えるといいですね。

>>ぱんださん
はじめまして。
朝までお疲れ様です。
今見てみたのですが、どうやらすでに解決済みみたいですね。
コメント遅くなってすいませんでした。。。
strollさん | 2005/02/26 22:33
[:ドクロ:][:おんぷ:][:わおっ:]test
さん | 2005/02/27 16:10
はじめまして。
いつもカスタマイズの参考にさせてもらっています[:はあと:]

この度、こちらのスプリクトをお借りしました。
何とか設置することができました。
とっても嬉しいです[:ハハ:]

どうもありがとうございました。
これからも宜しくお願いいたします。
ポムポムさん | 2005/03/02 15:02
はじめまして。
いつもカスタマイズの参考にさせてもらっています。

この度、こちらのスプリクトをお借りしました。
何とか設置することができました[:おんぷ:]
とっても嬉しいです[:はあと:]

どうもありがとうございました。
これからも宜しくお願いいたします。

(追伸:先だって、こちらにコメントを送ったのですが、途中で落ちてしまったようで・・・コメントが反映されていないので、再度送信いたします。もし、二重になっていたら申し訳ありません)
ポムポムさん | 2005/03/02 15:23
>>ポムポムさん
はじめまして。
スクリプトご利用ありがとうございます[:ニコッ:]
よろこんでいただけてよかったです。
これからもよろしく〜。
strollさん | 2005/03/02 22:54
初めまして[:ニコッ:]
ライブドアブログを使ってます。
コメント絵文字がすごくかわいいので、私も入れてみました[:ハハ:]
が、2列にならず1列になってしまいます[:泣き:]
こちらのように絵文字を何段かに分けたいのですが
どのようにしたらよいのでしょうか?
教えていだだけると助かります<m(__)m>
ゆうりさん | 2005/03/05 12:57
上のコメントを最初から読み直したら同じ悩みの方がいました[:あせ:]
で、それを参考にしていたら成功しました!
また問題がでてきたら、よろしくお願いします。
ゆうりさん | 2005/03/05 17:07
こんにちは!
念願のコメントエリアに絵文字が…これってできてるんですよね?[:らぶ:]
カワズさん | 2005/03/06 11:38
えっとこの↑のようにcomments:の下に絵文字がでないで、コメント送信の上あたりに出てしまいます。それでも入力しようとしたら、エラーがでてしまいました。
どこを重点的にみたら、なおせるでしょうか?アドバイスよろしくお願いします。
カワズさん | 2005/03/06 12:01
Thanks, it was very interesting
1695thongs-skimpyさん | 2005/03/06 20:07
>>ゆうりさん
はじめまして。
スクリプトご利用ありがとうございます。
無事解決できたみたいですね。
また、何かありましたら、コメントくださいな。

>>カワズさん
URLって、http://blog.kawzu.vivian.jp/であってますか?
今、現象を確認しようと思ってアクセスしてみたんですが、ページを表示できませんでした。

>>1695thongs-skimpyさん
Nice to meet you.
I am surprised not to have thought the comment from the foreigner.
Other various scripts exist, and look, please.
strollさん | 2005/03/06 20:17
初めまして!
コメント欄に顔文字を入れられず、味気ないな〜と思っていたら
こんな素晴らしいものがっ[:らぶ:]

さっそく…
と思ったら、リストは表示されるものの、
うまくコメント欄に反映されないようです[:泣き:]
悩んでいるうちに夜が明けてしまいました[:あせ:]

どこが間違っているのか、
お手透きの時にでもご検討いただけたら幸いです。
よろしくお願い致します。
あもんぬさん | 2005/03/07 05:40
すいません[:イタタ:]
一文字抜けてました。
確認しにきてくださったのですね[:あせ:]ページにエラーがでるので、今はもとのテンプレートになおしてます。[コメント欄には絵文字のはいらないもの)
また時間と元気のあるときにがんばります。
ご迷惑をおかけしました。
カワズさん | 2005/03/07 08:38
こんにちは、初めまして[:ニコッ:]
こちらのエントリーを参考にコメント欄に絵文字を設置させていただきました。
なにぶん初心者ゆえうまくいくか心配でしたが無事設置に成功しました。
念願だったので嬉しくて仕方ありません[:らぶ:]
今回に限らずいつもカスタマイズ法を参考にさせていただいてます。
まことに勝手かと思いますがBlogPeapleに登録させていただきました。
またお世話になることもあるかと思いますが今後ともよろしくお願いします[:ビックリ:]
ありがとうございました[:はあと:]



ゆずっこさん | 2005/03/07 17:57
>>あもんぬさん
まず、画像リスト出力スクリプトの設定を下記のように修正してください。
// コメントを入力するテキストエリアを指定
var textarea = 'document.comform.comment';

次に、画像変換スクリプトを下記のように変更してください。
// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'mainCommentBody';

あと、ページ内のリンク(自分のページ以外のリンク)を強制的に別ウインドウで開くスクリプトを使ってますよね?
そのせいで、絵文字をクリックするたびに、空白の新しいウインドウが開いちゃうんです。。。
というわけで、そのスクリプトを下記のように修正してください。
#可能でしたら、どこで配布されてるものなのか教えていただけませんか?

変更前)
if(aObj[i].href.indexOf("http://blog3.fc2.com/swingout/") < 0){

変更後)(※改行無しで1行で)
if(aObj[i].href.indexOf("http://blog3.fc2.com/swingout/") < 0 && aObj[i].href.indexOf("javascript:;") < 0){

どうでしょうか?

>>カワズさん
了解です。
また、時間のあるときにやる気になったら挑戦してみてください。
何かわからな
strollさん | 2005/03/07 23:08
できましたっ!!
どうもありがとうございました[:ニコッ:]
リンクを別ウィンドウで開くようにするのは、確かに後から追加しました[:フツー:]
でもけっこう前の事で、どこから引っ張ってきたかすっかり[:イタタ:]
どうも申し訳ないです[:泣き:]
あもんぬさん | 2005/03/08 00:15
>>あもんぬさん
無事できたみたいですね。
よかったです。
>でもけっこう前の事で、どこから引っ張ってきたかすっかり
そうですか。
残念!
もし、思い出したらコメントくださーい。
strollさん | 2005/03/08 00:42
はじめまして[:ニコッ:]seesaaからきました。
昨日からずーっと試しているのですが、どうにもこうにも出来ません[:泣き:]
絵文字は表示されるのですが、なぜかトラックバックURLの下になってしまいます。。
seesaaには<!-- BEGIN comment_area -->〜<!-- END comment_area -->タグがないので
<div id="content">
<% content_main %>
の下に出力スクリプトを入れたのですが、、、

name="comform"も追加しましたがソースに反映もされません[:泣き:]
どこが間違っているのかチンプンカンプンの状態なので、お時間のある時にアドバイスを頂けないでしょうか。
お手数ですがよろしくお願いいたします。

ぢろさん | 2005/03/09 12:59
はじめまして[:ニコッ:]seesaaからきました。
昨日からずーっと試しているのですが、どうにもこうにも出来ません[:泣き:]
絵文字は表示されるのですが、なぜかトラックバックURLの下になってしまいます。。
seesaaには<!-- BEGIN comment_area -->〜<!-- END comment_area -->タグがないので
<div id="content">
<% content_main %>
の下に出力スクリプトを入れたのですが、、、

name="comform"も追加しましたがソースに反映もされません[:泣き:]
どこが間違っているのかチンプンカンプンの状態なので、お時間のある時にアドバイスを頂けないでしょうか。
お手数ですがよろしくお願いいたします。

ぢろさん | 2005/03/09 13:55
↑の投稿が2重になってしまいました。すいません[:すいません:]
スクリプトをtextarea nameの上に置いたらコメント欄の上部に絵文字が表示されました。
が、記事の下のコメント欄ではなく確認画面のみになってます。
seesaaは<form name・・>が2箇所あるのですが、もしかしたらこの場合スクリプトが使用できないのでしょうか?
ぢろさん | 2005/03/09 17:39
>>ぢろさん
はじめまして。

>name="comform"も追加しましたがソースに反映もされません
うーん。
ソースに反映されませんか。。。
負荷が高いときに更新しようとしたために、反映処理がうまくいかなかったとか?
ソースに反映されないのは、ウチではどうしようもないので、Seesaaに問い合わせてみては?

>スクリプトをtextarea nameの上に置いたらコメント欄の上部に絵文字が表示されました。
>が、記事の下のコメント欄ではなく確認画面のみになってます。
実際にスクリプトが追加されているHTMLソースを見ないと、なかなかアドバイスが難しいです。。
今、見に行ってみたんですが、今はスクリプトが追加されてない状態のテンプレートで表示されてますよね?
Seesaaって、違うテンプレートの状態を他人に見せることってできないんでしたっけ?
(Seesaaのアカウントとってみようかなぁ)

>seesaaは<form name・・>が2箇所あるのですが、もしかしたらこの場合スクリプトが使用できないのでしょうか?
たぶん、ほぼすべてのblogで<form ・・・>は2箇所あるはずです。
検索用と、コメント用。
なので、設置はできるはずですよ。
strollさん | 2005/03/10 00:23
はじめまして。
こちらの記事を参考にして無事設置することができました。
うちはMTなのですが、個別エントリー・アーカイブとコメント・プレビューのテンプレートにいれました。
大変だったけどこれでとても楽しくなりそうです[:おんぷ:]
ほんとにありがとうございました。

また、恐縮ですがblogpeapleにも登録させていただきます。
まみさん | 2005/03/10 13:10
はじめまして!
こちらを参考にして、設置させていただきました[:はあと:]
本当にありがとうございました[:ビックリ:]
ねねこさん | 2005/03/10 14:15
stroll様
できました〜[:ぶちゅー:]
seesaaは昨日から正式に(?)HTMLの編集ができるようになったんです。
スタイルシートのHTMLばかりいじっていてコンテンツページを忘れておりました[:あせ:]
わざわざ見に来ていただいたのに申し訳ございませんでした。

あと、seesaaはリンクが別ウィンドーで開くのですが問題なくできました。
よかったです〜。

本当にありがとうございました!

ぢろさん | 2005/03/10 15:10
昨日から何度もすみません。
出来たのですが、「ページでエラーが発生しました」となってしまいます。
絵文字を反映させる為に // (3)各コメントの class 属性 を
スタイルシート 'comment_head'
記事コンテンツ 'comment_body'
としているのですが、これのせいなのでしょうか?
お時間のある時で構いませんので、見にきていただけますでしょうか。。
ぢろさん | 2005/03/10 17:42
こんばんは。

前から、やってみたいなぁ[:はあと×2:]と考えておりましたが、悪戦苦闘の末[:白目:]、何とか設置することができました[:おんぷ:]

実は、自分ひとりでは迷路にはまってしまって、GirasolsのYukaさんに救助隊を派遣していただきました(告白)[:あせ:]



そよさん | 2005/03/10 20:28
ホントすいません。。
絵文字を追加したらエラーが出なくなりました[:あせ:]
今度こそありがとうございました!
ぢろさん | 2005/03/10 20:32
>>まみさん
はじめまして。
スクリプトご利用ありがとうございます。
BlogPeople登録ありがとです。
こちらも登録させていただきました〜。

>>ねねこさん
はじめまして。
スクリプトご利用ありがとです。
これからもよろしく〜。

>>ぢろさん
無事解決したようですね。
お疲れ様です。
スクリプトご利用ありがとうございます。

>>そよさん
こんばんわ。
スクリプトご利用ありがとうございます。
Yukaさんに救助隊を派遣していただいたんですか。
Yukaさんサンキュー!
strollさん | 2005/03/11 00:36
Strollさんコンバンワ!ペコリ(o_ _)o))。
Seesaaでも先日からHTMLがいじれる様になったので、早速ですが使わせて頂きました。
なんとか無事に表示出来たようです。[:ニコッ:]
また色々とお世話になるかもしれませんが宜しくお願いします。
高中奈緒さん | 2005/03/13 02:43
こんにちは!はじめまして[:ニコッ:]
yuriといいます〜私はラブログを使ってます。

私も絵文字をコメントにつけられるようにしたくって
がんばってみたんですが...出来ません〜[:泣き:]
HTMLはいじれるんで、使えるかなと思ってやってみたんですけど
HTMLを書き換えてもなんの変化もないのです〜[:あせ:]
(2)のところに出ているような
<!-- BEGIN comment_area -->〜<!-- END comment_area -->
タグがなかったので、勝手にそれにあたりそうなところに入れてみたんですけど、変化無しで...[:困った:]
記述の仕方が違うみたいなんです。

ラブログでの設置は無理なんでしょうか[:はてな:]
yuriさん | 2005/03/13 14:15
>>高中奈緒さん
こんばんわ。
スクリプトご利用ありがとです。
これからもよろしく〜。

>>yuriさん
はじめまして。
ラブログでも使えるはずです。
><!-- BEGIN comment_area -->〜<!-- END comment_area -->
これは、コメントを繰り返し表示する範囲を定義するJUGEM独自ブロックというものです。
ラブログでも同様のタグかなにかがあるはずなんですがねぇ。
どうでしょうか?
strollさん | 2005/03/13 19:46
早速お返事ありがとうございます☆

わ〜い[:はあと:]
カンでやってみたらできました[:ニコッ:]
どうやら

<IfArticleAllowComment>〜</IfArticleAllowComment>

っていうのがそれだったみたいです[:ぶちゅー:]
でもなんか絵文字が表示されたときに
枠からはみ出てしまうのです〜
見ていただければわかると思うんですけど...
なにかいい方法があれば教えて頂きたいのですが[:困った:]
次から次にすいません[:すいません:]
yuさん | 2005/03/13 21:30
すいません上の名前おかしいですね[:あせ:]

で、出来たと思ったんですけど、使えない〜
画像が表示されてるだけなんです〜
あと、名前・アドレスを覚えますか?っていうとこの
チェックをいれるところも消えてしまったし[:うーん:]
画像のアドレスを入れた以外HTMLをいじってないのですが、
それも関係ありなんでしょうか[:はてな:]

ぜんぜん分かりません〜
たびたびすいません[:すいません:]
yuriさん | 2005/03/13 21:39
>>yuriさん
設定にややミスがあります。
まず、画像リスト出力スクリプトですが、下記のように変更してください。

// コメントを入力するテキストエリアを指定
var textarea = 'document.comments_form.body';

次に、画像変換スクリプトの設定を下記のように変更してください。

// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'comments-body';

>あと、名前・アドレスを覚えますか?っていうとこの
>チェックをいれるところも消えてしまったし
これは、すでに解決済みですかね?
今見たら、ちゃんと表示されてました。

>でもなんか絵文字が表示されたときに枠からはみ出てしまうのです〜
これは、画像リスト出力スクリプトを下記のタグで囲めばいい感じにできると思いますよ。
widthの値は、お好みで。
<div style="width:300px;">
{画像リスト出力スクリプト}
</div>

どうでしょうか?
strollさん | 2005/03/14 00:31
アドバイスありがとうございます!!

教えてもらった通りのやり方にしたら
設置に成功しました[:はあと:]

絵文字が飛び出すのは数値を小さくしても治りませんでした
センター揃えにするとエラーになってしまいます

あとやっぱりチェックがずれています(うちはIE6です)
枠の下線も消えてしまっているのも
チェックといっしょにずれてるのかもしれないです。
どうしたらいいんでしょう[:うーん:]

機能は正常なようなんですが...
何度もすいません
yuriさん | 2005/03/14 20:59
>>yuriさん
>絵文字が飛び出すのは数値を小さくしても治りませんでした
これは、tableタグにミスがあるためです。
下記のようにしてみたらどうでしょうか?

<tr><td></td><td>
<div style="width:300px;">
{画像リスト出力スクリプト}
</div>

>あとやっぱりチェックがずれています(うちはIE6です)
どのようにずれてしまっているのかがわからないので、もうちょっと詳しく教えてくれませんか?
とくにずれてるように思わなかったので。。。
環境はWindowsXP IE6です。
strollさん | 2005/03/15 22:54
ありがとうございます[:らぶ:]
tableタグを治したらキレイに表示されるようになりました。
チェックのずれも治っていました。

一応、ずれてた時の様子は枠の下線ちょっと上ぐらいの所まで
下にずれてて、枠のしたの線も消えていたのですが...
まぁ、治った理由は分からないですけど、とりあえず治ってるんで
よかったです。

あと、私が教えてもらった設定というのは
ラブログ全般でも使えるものなんでしょうか?
もしそうであれば、ラブログ用として記事を書きたいのですが
よろしいでしょうか?
yuriさん | 2005/03/16 16:45
やってみました〜!
出来ました〜!
一時間くらいかかったけど、、、[:白目:]
strollさんとこと同じ顔文字になってしまいましたが…気に入ってしまったので[:らぶ:]
これで前回失敗した記事投稿部分にカスタマイズ顔文字を再度トライしてみます!ありがとうございました〜ペコリ(o_ _)o))
eikoさん | 2005/03/16 21:09
>>yuriさん
無事キレイに表示されるようになったんですね。
よかったです。
>あと、私が教えてもらった設定というのは
>ラブログ全般でも使えるものなんでしょうか?
画像リスト出力スクリプトの設定は、ラブログで共通なはずです。
ですが、画像変換スクリプトの設定は使用しているテンプレートによっても違う可能性があります。

>>eikoさん
おつかれさまです。
この絵文字いいですよね。
特に、[:白目:]←コレとか(笑
スクリプトご利用ありがとうございます。
strollさん | 2005/03/17 01:35
こんにちは!

テンプレによっては違うかも知れない...
そうなんですか...
じゃあ、一応私が使っているテンプレでの設定ということで
公開したいと思います。
また記事をアップできたらTBさせていただきます!

また伺います〜m(_ _)m
yuriさん | 2005/03/17 11:05
早速ですがTBさせていただきました!
またおかしなところがあったら指摘してくださいね。
yuriさん | 2005/03/17 20:17
いつも本当にお世話になっています。
随分前にもカキコさせて頂きましたが、また別バージョンで記事を書いたので勝手ながらTBを送らせて頂きました。もし不都合ございましたらお手数ですがおっしゃって下さいね。いつも本当に感謝しています。いつも陰ながら拝見し、感動しています。いろんなブログ用のスクリプトも開発なさってスゴイですね。大変だと思いますが、頑張って下さいね。どうもありがとうございました。
Suuさん | 2005/03/18 08:47
とっても使い易くて みんなに好評です[:はあと:]
TBさせていただきました!!
ありがとうございました[:らぶ:]
れぃさん | 2005/03/18 20:03
strollさま、こんばんは。
こちらの絵文字機能設置させていただきたいのですが、
コメント欄の上にはこちらと同じように、絵文字が表示されるのですが、
投稿したあとには、{01}といった数字しか表示されません[:イタタ:]

他の方からのコメントで同じように数字しか表示されないというものが
あったので、私も同じようにやってみたのですが、コメント欄から絵文字
じたいが消えたりと、私では原因がさっぱり分かりません・・[:泣き:]
どうぞ、お時間のある時で結構ですので教えていただけませんか?
よろしくお願いいたします。
アキさん | 2005/03/18 23:56
strollさま、こんばんは。
こちらの絵文字機能を設置させていただきたいのですが、どうもうまく出来ません。
コメント欄を開いた時にはこちらと同じように絵文字が表示されているのですが、コメントを書いてる時には{01}という風でしか表示されず、投稿後にも同じような状態です・・。[:白目:]

他にも数字しか表示されない・・と言う方がいらしたので同じように試してみましたが、今度は絵文字じたいが消えたりしてしまい、私には何がどうなのか、さっぱり分かりません[:泣き:]
どうぞ、お時間のある時に教えていただけないでしょうか[:はてな:]
よろしくお願いいたします。
アキさん | 2005/03/19 00:06
>>yuriさん
記事、読ませていただきました〜。
すごいしっかり解説されててビックリ。
TBありがとです。

>>Suuさん
TBありがとです。
Suuさんもまた細かい解説ですねぇ。
こちらこそ、毎度ありがとです。
時間があれば、Seesaa用のスクリプトとかも書きたいんですけどねぇ。。。
マイペースでがんばろうと思います。

>>れぃさん
>とっても使い易くて みんなに好評です
そうですかー。
こちらとしてもうれしいです。
スクリプトご利用ありがとうございます。

>>アキさん
画像変換スクリプトの設定を下記のように変更してみてください。
きっと正しく画像に変換できるようになるはず。。。
すいません。時間がなくて、動作確認できてませんが。

// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'comment_body';

どうでしょうか?
strollさん | 2005/03/19 00:43
strollさま、おはようございます。
ワ ワッ!2重投稿になってしまいました・・[:ドクロ:]
すみません・・[:イタタ:]
教えていただいたようになおしてみて、再構築、確認してみましたが
まだ数字のままでした。せっかく教えていただいたのに表示できないのは
他に私が何かやらかしてるということでしょうか[:はてな:]
設置したいので、ちょっと見直してみますね[:ビックリ:]

アキさん | 2005/03/19 09:02
>>アキさん
今見てみたら、正しく絵文字に変換できていました。
無事解決できたってことですかね?
strollさん | 2005/03/21 13:30
stroll様、こんにちは。

stroll様から見えて私から見えないのは何故でしょうか?
お友達の中には見えません・・と言ってくださる方もいまして[:白目:]

見えていると言うことは設置はうまくいってるようですね[:ニコッ:]
でも私からは以前数字のままです。
何回もすみませんが教えていただけないでしょうか。
アキさん | 2005/03/21 14:41
stroll様

素晴らしいソースを有り難う御座いました[:はあと×2:]
なんとか設置できました。
あまりにも感動したのでお礼書き込みでした[:はあと:]
Keiさん | 2005/03/21 16:02
はじめまして[:ハハ:]
みゆさん | 2005/03/22 19:12
はじめまして[:ぶちゅー:]
何とか設置完了できましたので報告に来ました[:はあと:]
すごくうれしくってかなり舞い上がっております[:らぶ:]

この絵文字同士の間隔をとりたい場合ってどこをいじればいいんですか?
急いでいないのでお暇なときに教えていただけたらうれしいです[:はあと×2:]

あと、ワタシのブログ(ヤプログ)で使い方を説明してもいいですか??
みゆさん | 2005/03/22 19:18
>>アキさん
うーん。何でだろう。
ちなみに、ここの絵文字はちゃんと画像に変換できているのでしょうか?
ここも絵文字に変換できてないとすると・・・お使いのブラウザに対応できていない可能性がありますあせあせ
OS、ブラウザは何をお使いでしょうか?
例)WindowsXP、Internet Explorer6.0など

>>Keiさん
スクリプトご利用ありがとうございます。
感動していただけたみたいでよかったです[:ニコッ:]
これからもよろしく〜。

>>みゆさん
はじめまして。
スクリプトご利用ありがとうございます。
絵文字の間隔とは、コメント中に表示される絵文字の間隔ってことですかね?

>あと、ワタシのブログ(ヤプログ)で使い方を説明してもいいですか??
もちろんOKです。
どんどん説明しちゃってください[:ニコッ:]
strollさん | 2005/03/22 21:40
こんばんわぁ〜!![:ニコッ:]
ゆぅさん | 2005/03/22 21:56
こんばんは。お返事ありがとうございます[:ニコッ:]
こちらの絵文字は見えていますよ[:あはっ:]

私の方はwindows2000,IE5です。
対応できてないかもしれませんね・・[:イタタ:]
知らないことばかりで毎回ご迷惑おかけしてます。
何回もすみません[:泣き:]
アキさん | 2005/03/23 00:14
Seesaaを利用している者です[:ニコッ:]

Seesaaのように、<head>〜</head>内を編集できないブログでも、このスクリプトは使用可能でしょうか[:はてな:]
Marioさん | 2005/03/23 03:44
おはようございます[:ニコッ:]
この表示されている絵文字なんですけど、
たとえば、strollサマの絵文字同士はくっついてますよね。
コレを少し間隔をあけて表示〜[:おんぷ:]なんてできないですかね??
・・・・という説明で分かりますかね??
いやはや、言葉足らずで申し訳ないです[:すいません:]
みゆさん | 2005/03/23 08:35
ここのところ、ちびに追われてなかなか設置できなかったのですが、やっと!!
やっとの思いで無事に設置できました[:はあと×2:]
いつものことながら、strollさまってばスゴイです[:ぶちゅー:]
ありがとうございました〜[:ハハ:]
そんな感動とともにTBさせていただきましたが、お許しをあせあせ
わらびーさん | 2005/03/23 10:11
>>アキさん
ココの絵文字は見えてるんですか。
じゃあ、やっぱり設定or設置場所がイケナイんすかねぇ。
動作の確認したいんですが、あいにくIE5の環境がないもので。。。
うーん。
IE6だとアキさんのblogでもバッチリ画像変換できてるんすよねぇ。
調べてみますが、期待しないでお待ちください[:はなみず:]

>>Marioさん
はじめまして。
<head>〜</head>を編集できないのであれば、<body>のすぐ下に1)画像設定スクリプトを記述してみてください。
たぶん大丈夫なはず。。。

どうですかね?

>>みゆさん
あー、そういうことっすね。
なら、画像タグに含める属性値(alt属性以外)を下記のように変更してみてください。

// 画像タグに含める属性値(alt属性以外)
var att = 'border="0" style="vertical-align:middle;margin: 1px 1px;"';

行の後の方にあるmargin: 1px 1px;で、上下、左右の余白を設定できます。
どうでしょうか?

>>わらびーさん
スクリプトご利用ありがとです。
無事設置できたみたいでよかったです。
こちらこそ、TBありがとです。
あとでじっくり読ませていただきます[:ニコッ:]
strollさん | 2005/03/23 23:13
できましたよ!!!!
わぁいヽ(∇⌒ヽ)(ノ⌒∇)ノわぁい♪
ありがとうございました!!

あ、そうそう
yaplog!絵文字入力支援スクリプト
についてメールにて質問させていただいたのですが、
メール届いていますか??
もしかしたらちゃんと届いてないかな〜って思ったもので・・・あせあせ
みゆさん | 2005/03/24 10:10
>>みゆさん
無事できたんですね。
よかったです。

メール、ちゃんと届いてますよ。
すんません。昨日は時間がなくて返信できませんでした。
今から調査してみますので、もう少々お待ちください。
strollさん | 2005/03/25 00:14
strollさん
Seesaaは<head>〜</head>も編集できることが分かり、早速やってみたのですが、表示されません。
例えば
http://leftwing.seesaa.net/article/2520332.html#comment
Marioさん | 2005/03/25 12:55
>> Marioさん
まず、画像変換スクリプトが記述されている位置を変更してください。
各コメントの下に無いとだめなんです。
というわけで、<div id="trackback">の上くらいに画像変換スクリプトを移動してください。
次に、画像変換スクリプトの設定を下記のようにしていただければ、正しく表示できるはずです。

// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'comments-text';

どうでしょうか?
strollさん | 2005/03/26 12:52
>strollさん

strollさんがおっしゃた通りに変更したら、正常に表示されました。

丁寧なご指導ありがとうございました。
Marioさん | 2005/03/26 16:55
strollさん、先日はコメントプレビューのスクリプトをお借りいたしましてて、どうもありがとうございました。[:ニコッ:]

今回、難しいと分かっていながら、どうしてもコメントに絵文字を表示したくて、挑戦してみたのですが、トラックバックの上に絵が表示されたり、押しても反映されないので、設置方法が間違っているみたいなのです。[:はなみず:]

2)画像リスト出力スクリプトから、分からなくて…[:あせ:]<!-- BEGIN comment_area -->〜<!-- END comment_area -->が見当たらなくて、これかな?と思う所につけたのですが、違うのでしょうね。

お忙しいところ、申し訳ありませんが、設置方法を教えて頂けないでしょうか?よろしくお願いします。[:すいません:]
sayuさん | 2005/03/26 18:13
>>Marioさん
無事できたみたいですね。
よかったです。
これからもよろしく〜。

>>sayuさん
まず、画像リスト出力を下記の位置に移動してください。
スクリプトの最後の<br />も追加して。

<label for="comment">COMMENT:</label><br>
{ここにスクリプトを移動}
<br />
<textarea id="comment_text" ・・・>

で、次に、下記のタグを例のように修正してください(name="comform"を追加)。
修正前)
<div class="text">
<form method="post" action="(省略)">
修正後)
<div class="text">
<form method="post" action="(省略)" name="comform">

次に、画像リスト出力スクリプトの設定を下記のように変更してください。

// コメントを入力するテキストエリアを指定
var textarea = 'document.comform.comment_text';

最後に、画像変換の設定を下記のように変更していただければ、正しく動作するはずです。

// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
strollさん | 2005/03/28 23:17
こんにちは。
以前は、コメントプレビューなどのカスタマイズでお世話になりましたあせあせ
今回、こちらの「コメントにカスタマイズ絵文字入力」にチャレンジしてみたのですが、スクリプトエラーが出てしまって;
恥ずかしながら、画像も表示されていないという有様です[:あせ:]
何とか設置できないものかと頑張ってみたのですが・・・。
お忙しい中 大変恐縮ですが、お気づきの点などありましたら、教えて下さいませんでしょうか。
お時間がある時で良いので、宜しくお願い致しますm(__)m
◆メグ◆さん | 2005/03/29 07:48
strollさん、お忙しいのにこんな初心者に付き合って下さって、ありがとうございます。m(__)m

strollさんのおっしゃるように、したつもり?ですが、画像がコメントに反映されないんですよね。
画像の名前は、出てくるのですが絵には変換されないのです。[:はなみず:]

またまたお手数でしょうが、教えて頂けますでしょうか?
よろしくお願いします。[:すいません:]
sayuさん | 2005/03/29 22:27
>>◆メグ◆さん
すいません。
こんな時間になっちゃったので、明日見てみます。
って、明日は飲み会・・・。

>>sayuさん
あ!なんか表示がくずれてると思ったら・・・。
コメントが途中で切れちゃってますね。
これじゃー、ダメなはずです。。。

下記、最後の途中で切れちゃってる部分です。
画像変換の設定を下記のように変更していただければ、正しく動作するはずです。

// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'text';

どうでしょうか?
strollさん | 2005/03/30 01:46
strollさん、出来ました!
ありがとうございます。[:はあと×2:][:はあと×2:]

丁寧に教えて下さって、本当に嬉しいです[:おんぷ:]
でも、お手間をとってしまってすみません。[:すいません:]

これからもっとブログが楽しくなりそうです!
sayuさん | 2005/03/30 07:33
お忙しい中、本当に申し訳ありません;
出来るだけ、自分で頑張ってみます。
お体にも、お気をつけて下さいね。
◆メグ◆さん | 2005/03/31 00:03
>>◆メグ◆さん
まず、画像設定スクリプトにミスがあります。
LOVEの後に、' が足りません。
下記のように修正してください。
変更前)
list[list.length] = new Array('LOVE, 'http://vergine.jugem.cc/?image=841');

変更後)
list[list.length] = new Array('LOVE', 'http://vergine.jugem.cc/?image=841');

最後に、画像変換スクリプトの設定を下記のようにしていただければ、正しく動作するようになるはずです。

// (1)コメント全体のタグの id 属性
var commentAreaIdName = 'commentarea';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'comment_description';

どうでしょうか?

>>sayuさん
無事できたんですね。
よかったです。
>でも、お手間をとってしまってすみません。
いえいえ。
こちらこそ、返信遅れましてすんませんです。
これからもよろしく〜。
strollさん | 2005/03/31 23:40
わー!ありがとうございます!!
無事、設置する事が出来ました[:おんぷ:]
やっぱり、ケアレスミスもあったんですね・・・
見直しが足りず、お手数おかけしてすみませんでした;
これから、絵文字入力支援スクリプトの方もお借りしようと思っています[:ニコッ:]
今回は、本当にどうもありがとうございましたm(__)m
◆メグ◆さん | 2005/04/01 00:13
stroll様☆
こちらのブログとbuena suerte様のブログを参考にさせていただいて、コメントに絵文字機能を設置させていただきました[:ニコッ:]ありがとうございます[:ニコッ:]と、言ってもお友達に設置してもらったのですが・・[:あせ:]そして、違うお友達からのコメントの返信の文中にstroll bulogさんのお名前を勝手にお借りしてしまって申し訳ございません・・お礼と勝手に名前をお借りしたのでお詫びをしなければ、と思ってたのですが、私のパソコンの調子が悪いのか、なかなかこちらにつながらない&つながったと思ったらパソコンが固まり強制終了の繰り返しで、お礼とお詫びが遅くなってしまい・・本当に申し訳ございません[:泣き:]そして、ありがとうございます[:ニコッ:]
kokokekoさん | 2005/04/01 20:54
>>◆メグ◆さん
無事設置できたみたいで、よかったです。
ぜひぜひ、絵文字入力支援スクリプトも使ってやってください。
スクリプトご利用ありがとうございます。

>>kokokekoさん
スクリプトご利用ありがとうございます。
>違うお友達からのコメントの返信の文中にstroll bulogさんのお名前を勝手にお借りしてしまって申し訳ございません
全然問題ないですよ。
どんどん使っちゃってください[:ニコッ:]
これからもよろしく〜。
strollさん | 2005/04/04 14:14
こんにちは、はしめまして

こちらのスクリプトを拝見して早速FC2の自分のブログに
設置させて頂きました。
画像の表示まではなんとか出来たのですが画像ボタンを押しても
コメント欄に表示が出ません。
多分リスト出力スプリクトか変換スプリクトがおかしいのではないかと思い、
他のFC2ブログ利用者の方のソースを拝見し色々設定してみたのですが
上手くいきませんでした。
お手数ですが設定のほう、教えて頂けないでしょうか?
お財布さん | 2005/04/07 17:12
FC2BLOG絵文字入力支援スクリプトではお世話になりましたー[:ニコッ:]
更にどうしてもコメントのほうにも設定したくて、strollさんの皆さんへのレスを参考にやってみたところ
ちゃんとつけることが出来ました[:おんぷ:]
ところが、2点だけどうしても解決できないのでお願いに上がりました。

・アイコンの2列表示→画像出力スクリプトに<div style="width:300px;">を足すとアイコンが表示されなくなってしまいます[:あせ:]

・アイコンの枠が消えない→htmlではborder="0"になっているのですが・・・

2日間いろいろやってみましたが、やっぱり出来ません。
お忙しいとは思いますが、時間があるときで構いませんので、教えていただけませんでしょうか?
宜しくお願いします[:すいません:]
ぢるさん | 2005/04/07 18:32
アドレスが抜けちゃいました・・・
ぢるさん | 2005/04/07 18:35
>>お財布さん
以下のように、コメント入力欄の上にある、formタグに name="comment" を追加してください。

<form name="comment" method="post" action="http://purse.blog4.fc2.com/index.php">

どうでしょうか?

>>ぢるさん
>・アイコンの2列表示→画像出力スクリプトに<div style="width:300px;">を足すとアイコンが表示されなくなってしまいます
うーん。。。試してみたところ、正しく表示できちゃいました。。。
以下のようになっているか、確かめてみてください。

<div style="width:300px;">
<script type="text/javascript">
(画像リスト出力スクリプト 内容省略)
</script>
</div>

>・アイコンの枠が消えない→htmlではborder="0"になっているのですが・・・
CSSで画像タグに対する指定があるためです。
以下を削除すれば、枠が消えるはずです。

/* 画像の装飾 */
.mainEntryBase img{
margin:0px 0px 0px 0px;
border: 1px solid #BBBBBB;
}

どうでしょうか?
strollさん | 2005/04/07 22:28
ありがとうございます。

指摘して頂いた箇所を修正した所、表示されるのを確認しました。
しかし、何故か自動で改行されてしまうようです。何が悪いのでしょうか?[:うーん:]

遅れましたが、プレビュー機能の方も設置させて頂きました。
昨日の夜にプレビュー機能の方を設置し終わった所で家PCがイカレました。
(原因は多分HD)嫁にお金ないよって言われて古いHDを探す自分あせあせ

色々やりたいのになぁ[:泣き:]
お財布さん | 2005/04/08 10:47
ありがとうございます。

指摘して頂いた箇所を修正した所、表示されるのを確認しました。
しかし、何故か自動で改行されてしまうようです。何が悪いのでしょうか?[:うーん:]

遅れましたが、プレビュー機能の方も設置させて頂きました。
昨日の夜にプレビュー機能の方を設置し終わった所で家PCがイカレました。
(原因は多分HD)嫁にお金ないよって言われて古いHDを探す自分あせあせ

色々やりたいのになぁ[:泣き:]
お財布さん | 2005/04/08 11:30
度々すみません。

今度はプレビューチェックボックスを設置したらコメントの方に
画像が表示されなくなってしまいました。[:あせ:]
とりあえずプレビューチェックBOXを外してみたのですが直らず・・・

どこが悪いか教えて頂けないでしょうか?

二重投稿すみません。出来れば削除をお願いします。
お財布さん | 2005/04/08 22:04
strollさん、こんばんはー!
やっと出来ましたー[:泣き:]感激です!
教えてもらったとおりにやったら、すんなり解決!
本当に助かりました^^;
ありがとうございました[:はあと×2:]
他の方にも教えてあげたいので、勝手にリンクさせていただきましたが
大丈夫ですか?
TBもさせていただいたのですが、拙い説明で分かりにくかったらすみません。
これからまた、何かお借りする事があると思いますので
よろしくお願いしま〜す<(_ _)>
ぢるさん | 2005/04/08 23:47
strollサマ、おはようございます。
ヤプログでの絵文字スクリプトが出来ないですかと尋ねた者です[:ニコッ:]
その節はありがとうございました!!

このコメントに絵文字機能も設置して役立ってたのですが
機能ブログのカスタマイズをしたら絵文字が出なくなってしまいましたぁ[:イタタ:]
自分では何が悪いのかさっぱりわからなくなってしまったので
お暇があれば見ていただけないでしょうか・・・スイマセン[:あせ:]
自分でも色々やってみます・・・。それではお願いします・・・。
micchiさん | 2005/04/09 08:48
strollサマ、おはようございます。
ヤプログでの絵文字スクリプトが出来ないですかと尋ねた者です[:ニコッ:]
その節はありがとうございました!!

このコメントに絵文字機能も設置して役立ってたのですが
機能ブログのカスタマイズをしたら絵文字が出なくなってしまいましたぁ[:イタタ:]
自分では何が悪いのかさっぱりわからなくなってしまったので
お暇があれば見ていただけないでしょうか・・・スイマセン[:あせ:]
自分でも色々やってみます・・・。それではお願いします・・・。
micchiさん | 2005/04/09 09:07
自己解決できました[:ビックリ:]すみません・・[:泣き:]

しかも1回しかコメント送信してないつもりでしたが
2回もコメントしてて・・・

スミマセンでした。
micchiさん | 2005/04/09 09:31
無事導入できました[:泣き:]
3日間悩みましたが、うれしいです。[:ハハ:]
『FC2 Blog絵文字入力支援スクリプト』も利用させていただきました。
本当にありがとうございました[:はあと:]
hiyo-piyoさん | 2005/04/12 20:15
自己解決しました
これからも色々と設置していきたいと思います
ありがとうございました[:ハハ:]
お財布さん | 2005/04/16 20:39
以前、BBSスキンへの設置でお世話になりました。お陰様で楽しく使わせていただいております。
ちょっとお尋ねしたいのですが、このscriptを使ったskinを再配布ということは可能でしょうか?
サンプルはこちら
http://dreamy.sakura.ne.jp/emoji/clever.cgi
右上にリンクを入れさせていただきましたが、可能でしたらリンクに使う文字やtitleに入れる言葉、linkをはるページなど教えていただければ嬉しいのですが、なにとぞ宜しくお願い致します。
どりーみーさん | 2005/04/23 11:35
昨日お借りした、JUGEM絵文字入力支援スクリプト Ver2に引き続きこちらのスクリプトもお借りしました。
コメント欄でも絵文字が使えるようになり、うれしいです[:ニコッ:]
ありがとうございました[:はあと:]
かりんさん | 2005/04/23 19:46
こんにちは!
今日絵文字入力をチャレンジして、無事に設置できました!

ちょっと質問があるのですが・・・。
コメントを入力していて、絵文字をクリックして入力しますよね?
1つ入力すると、動画の絵文字が止まってしまうのですが
(絵文字のリストの画像)
ずっと動くようには出来ないでしょうか?
2個以上入力したいときに、動いていないと画像が分かりづらいものがあるので・・・[:あせ:]

でも・・・私だけの状態だったらスイマセン・・・あせあせ
ちゅんさん | 2005/04/25 23:16
こんにちは。
昨日の夜に書き込みしたのですが、反映されていないようなので
もう一度書き込みしてみます。(2重になってしまったらスイマセン)

さて、昨日コチラの記事と格闘して、無事に設置ができました。
ありがとうございました。

で、いきなり質問なのですが・・・。
絵文字の入力(クリック)したあと、コメントの続きを入力しますよね?
それで、また絵文字を入力したいと思うことがあると思うのですが
1回クリックして入力したあと、動画の絵文字が止まってしまってるんです。
動いていないと、分かりづらい画像も使ってしまったので
クリックしても動きが止まらないようにならないかなぁ?と思ったのです・・・。

でも、私だけの現象だったりして・・・という不安もあるのですが[:あせ:]
面倒な質問でスイマセン・・・。
ちゅんさん | 2005/04/26 09:27
こんにちは。

自分なりに試行錯誤を繰り返してみましたが
何をどうやっても表示されたアイコンをクリックすると
ページでエラーが発生しましたってでちゃいます[:泣き:]
どこがおかしいんでしょうか・・・。

あとアイコンが改行されないで一列にずらーっと並んじゃってるのも気になります(´・ω・`)
けるとさん | 2005/04/30 01:57
こんにちは!

他の人のソースを見比べてやってみたらできました。
お騒がせしました〜m(_ _)m

でもコメントのところにアイコン並べようとすると
一列にずらっとならんでしまうのは直りませんでした(´・ω・`)

一番上に並べればちゃんと改行されてるのですが[:すいません:]
けるとさん | 2005/04/30 11:09
何度もすいません・・・
アイコンも2列にできました(ノД`)

しかしいざためし投稿してみたら
コメント一覧にアイコンが表示されず[・・・]とかのまま表示されてしまいました・・・[:イタタ:]
同じ状況の方の記事参照してみましたが原因解明できませんでした[:すいません:]
けるとさん | 2005/04/30 11:44
同じFC2ユーザーの方に助言してもらい
無事、解決しました![:ニコッ:]
ありがとうございました。
けるとさん | 2005/05/02 21:20
初めまして[:ニコッ:]
sbに最近お引越しをしたのですが、、、、
どう頑張っても出来ません[:泣き:]
たくさんのコメントを参考にと思い見てたのですが解決しませんでした。
どうかよろしくお願いします[:ハハ:]

なおさん | 2005/05/06 18:37
解決しました。
ありがとうございました[:はあと:]
なおさん | 2005/05/07 07:24
はじめまして。トモちゅといいます。
今回、ブログの本体を変えようと新しく導入するにあたって
「Blogn Plus」というPHPのブログを
導入しようと思って、ぜひコメントにも絵文字を、と思い
こちらのサイトにたどり着きました。

テンプレートタイプのため、きっとstrollサンのこのスクリプトも
使えるはず、と思って、昨日と今日と他の方のコメントも参考にして
やってみましたができません。
さらに、ロリポブログでも挑戦してみても
できないところをみると何か根本的に間違っていると
思われるのですがその間違いがわかりません。

お忙しいと思いますが、ぜひ、教えてください。
URLをリンクさせていただきますので一度見てもらえませんか。
よろしくお願いします。



トモちゅさん | 2005/05/07 14:02
なんとかできました!
上に教えてください、と書いたのですが
お手数かけずにすみました[:ニコッ:]

ホントこんなカワイイ絵文字が使えるなんて感動です[:おんぷ:]
トモちゅさん | 2005/05/07 22:23
初めまして。
JUGEM絵文字入力支援スクリプト Ver2も楽しく使わせていただいています。
コメントにカスタマイズ絵文字入力機能もテンプレートを変更する前までは
使えていたのですが、テンプレートを変更したら正しく動作してくれなくなってしましました[:|||:]

// コメントにカスタマイズ絵文字入力機能:画像変換
function changeCustmizeEmojiTag() {
// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'entry_body';

現在、↑の状態になっているのですが、
この状態だと送信済みのコメントには絵文字表示がされるんですが、
新しくコメントを送信しようとすると
絵文字をクリックしても何も表示されないのです…あせあせ

// (1)コメント全体のタグの id 属性
var commentAreaIdName = 'comment_area';

と表記すると、今度は文字のみの表示になってしまいます。

色々やってみたのですがうまくいかず、困って質問をさせていただきました。
おてすきの時で構いませんので、教えていただけると幸いです。
どうぞよろしくお願いいたします。
れーんさん | 2005/05/13 22:32
初めまして。こちらのスクリプトを利用したく設置していたのですが、
途中で壁にぶち当たってしまいました。
画像表示まではうまくいっていたのですが、投稿すると[01]と表示され画像が反映されません。
他にも同じような質問をしてる人もいるので、参考にしてたんですが、どうもだめです。
お忙しいところすみませんが、お助け願います。
EMIさん | 2005/05/27 21:16
はじめまして。
徒然ぶろぐさん→march*さんを経てこちらにおじゃましました。
march*さんのところで紹介されていたものを参考に
絵文字を使えるように設定したのですが、わらいないことがあります。
初めてお邪魔するのに失礼かとも思いましたが、
お暇なときで構いませんので教えていただけたらと思います。
 自分のコメントと他のコメントを区別するために、
コメント欄の色を変える設定をしています。
自分の名前でコメントするときは絵文字が表示されないのです。
画像名がそのまま表示されます。
 勝ってなことを言って申し訳ないのですが、
素人の私には原因がわからず、困っています。
宜しくお願いいたします。
めかぶさん | 2005/05/30 02:11
上記の件ですが、解決しました。
このコメントを見てくださったシューリスさんが
教えてくださいました。
お騒がせいたしました。[:すいません:]
めかぶさん | 2005/05/30 18:17
すげすげすっげ〜〜〜〜[:わおっ:][:わおっ:][:わおっ:][:わおっ:]
て。さん | 2005/06/14 11:51
こういうの探してましたw
さっそく使わせてもらっています[:はあと:]
設置もすんなりできて、一気に見栄えが変わった感じがします。
ほかにも色々カスタマイズしたいところもあるので、また拝見させていただきます〜[:おんぷ:]

リンクとかさせていただきましたがダメなら消します[:白目:]
M.Y.U.さん | 2005/06/17 16:18
はじめまして。strollさま。
スプリクトお借りいたしました。

設置に少々時間がかかってしまいましたが、
seesaaでも無事に絵文字入力できるようになりました。

どうもありがとうございました[:はあと:]
shigeさん | 2005/06/23 20:06
はじめまして[:フツー:]
こちらのサイトのおかげでなんとか
コメント欄に絵文字を設置することができました。

恐ろしいほどのタグ初心者で、悔し涙を流しつつ
なんとかできたのでホッとしています。
ありがとうございました!
petitさん | 2005/08/01 11:34
初めまして[:はあと×2:]
めちゃくちゃ可愛いスクリプトですね[:らぶ:]一目惚れして、早速設置しました[:ハハ:][:ハハ:]

初心者の私にとっては、ホント難しかったです[:あせ:]
では、ありがとうございました〜[:ぶちゅー:]
サオさん | 2005/08/01 16:40
はじめまして・・・
これはёё カスタマイズ好きの私にとって
便利なscript
お借りいたします 
yurimiさん | 2005/08/03 06:42
strollさん、はじめまして。
こちらのスクリプトをお借りして、無事に設置できました。
*プチモールブログで使わせていただきました。
FC2をお使いで質問をされた方のコメント&レスが
大変参考になりました。
ありがとうございました![:はあと×2:]
都香さん | 2005/08/07 03:28
strollさん、はじめまして。
こちらのスクリプトをお借りして、
無事にプチモールブログでも設置できました。
FC2ユーザーさんのコメントやそのレスが大変参考になりました。
ありがとうございました。[:はあと×2:]
*さきほど、送信中にエラーが発生し、再度書き込みしております。
お手数ですが二重投稿になっていたら、削除してくださいませ。
都香さん | 2005/08/07 03:33
コメントに絵文字挿入方法、参考にさせて頂きました[:おんぷ:]
何度も何度もチャレンジしていて一週間たってやっと出来ましたぁ[:はあと×2:]もう感激です!
ありがとうございました。
(人-)謝謝(-人)謝謝
mi-☆さん | 2005/08/20 19:43
strollさん、はじめまして。
ここを参考に設置してみたのですが。
他の人のソースを見てみたり、あれこれ試してみたのですが上手くコメントに反映されません。
表示はされているのですが。
どうかご指摘よろしくお願いします[:はなみず:]
さん | 2005/08/29 15:12
はじめまして、こんにちは[:ニコッ:]

こちらを参考にして設置しようとしましたが私があまりにも初心者だったので、うまく表示できなかったのですが他の方の記事とあわせてなんとか設置することに成功しました。
ありがとうございました(*- -)(*_ _)ペコリ
らんさん | 2005/09/01 17:11
初めまして。
最近JUGEMを始めて、かなり参考にさせてもらいました。
わからないながらも、構成をなんとなーく
理解していってるような気がしてめちゃめちゃ気持ちイイです[:らぶ:]
コメントのやりとりを眺めながらなんとか自分で設置するのが快感[:はあと:]
ココを活用すればするほど尊敬で口が半開きです[:あっ:]
テンプレートの違いにもいちいち対応してるstrollさん素敵です[:はあと×2:]
一言お礼をいいたくてコメントしました。
ほんとにありがとうございます[:ぶちゅー:][:ぶちゅー:]
きゅうさん | 2005/09/01 19:03
あせあせ[:ドクロ:][:ハハ:]
さん | 2005/09/09 16:47
はじめまして。
コメントに絵文字を使えるのはMovable Typeだけなのかなぁと思ってただけに凄く嬉しいです。
早速利用させていただきます。
Kiyoさん | 2005/10/02 15:17
Lipovarin Relacore Estrin-D Cortislim Zantrex-3 Suvaril
はじめまして。
stroll様。
この機能をBlogに導入しようと1週間以上がんばっているのですが
どうもうまくいきません。
Blogplusと言うブログツールを使っています。
同じツールを使ってらっしゃる方がコメントしているので
その方のサイトを参考にしてみましたがやはりcomments:とコメント欄の間に絵文字が表示されるものの
コメント蘭に反映されません。
どこか間違っているのか分からない状態です。
お時間のある時に一度見て頂けませんか?
どうぞ宜しくお願いします。<(_ _)>
林檎さん | 2005/11/02 03:15
>>林檎さん
いくつか設定ミスがあります。

1)コメント部分のformタグの内容を下記のように変更してください。
誤)<form name-form1 action="index.php?mode=comment" method=post>
正)<form name="form1" action="index.php?mode=comment" method=post>

2)画像リスト出力スクリプトの設定を下記のように変更してください。
// コメントを入力するテキストエリアを指定
誤)var textarea = 'document.form1.blogn_cmes';
正)var textarea = 'document.form1.c_mes';

3)最後に画像変換スクリプトの設定を下記のように変更してください。
//  (1) コメント全体のタグのid属性
var commentAreaIdName = 'entry_body';
//  (2) コメント全体のタグ名
var commentAreaTag = 'div';
//  (3) 各コメントのclass属性
var commentBodyClassName = 'entry_body';

どうでしょうか?
strollさん | 2005/11/03 02:06
stroll様。

見て頂いてありがとうございます。
教えて頂いた通りなおしたら・・・
コメント欄に[ハート1]とかは出るようになったんですが・・・
送信したあと、書き込んだものを見ると絵文字ではなく
[ハート1]と表示されてしまいます。
まだどこか記述をなおさないとダメなんでしょうか?
どうぞ宜しくお願いします。<(_ _)>
林檎さん | 2005/11/03 09:58
自分でもいろいろやってみようと思い、
設定を以下のように変えたら表示されるようになりました。
1)の記述ミスが原因だったようです。
今から少し顔文字を増やそうと思います。
どうもありがとうございました。<(_ _)>

var textarea = 'document.form1.c_mes';を

var textarea = 'document.form1.blogn_cmes';に

//  (1) コメント全体のタグのid属性
var commentAreaIdName = 'entry_body';を

//  (1) コメント全体のタグのid属性
var commentAreaIdName = '';
林檎さん | 2005/11/03 13:42
strollさん。
無事表示することは出来たのですが・・・
上の方にもコメントしてる方と同じく顔文字と顔文字の間が広くなってしまうんです。
<div style="width:350px;">
{2)画像リスト出力スクリプト}
</div>

これで横に広がらないようにはしました。
出来れば顔文字の間をつめたいのでどこの記述を変更すればよいか
教えて頂けますか?
どうぞ宜しくお願いします。<(_ _)>

CSSの以下の部分がありませんでした。

画像の間隔についてですが、CSSの下記部分に、
.entry_text img {
(省略)
}
林檎さん | 2005/11/03 14:38
何度も申し訳ありません。
先程の書き込みに書き忘れてしまいました。あせあせ

strollさんの所の顔文字にポインターを乗せると顔文字の説明が出ると言うのを
やってみたいのですが・・・教えて頂くことは出来ますか?
顔文字だけより説明が出た方がコメントを書いてくれる方に親切かな?と[:ハハ:]
林檎さん | 2005/11/03 14:51
>>林檎さん
>顔文字の間をつめたいのでどこの記述を変更すればよいか
教えて頂けますか?
このスクリプトの設定で画像タグに含める属性値というのがあります。
それを下記のように変更したらどうでしょうか?
// 画像タグに含める属性値(alt属性以外)
var att = 'border="0" style="vertical-align:middle; padding:0px"';

>strollさんの所の顔文字にポインターを乗せると顔文字の説明が出ると言うのをやってみたいのですが
黒っぽいポップアップのことですかね?
それのことだったら、↓を見てみてください。

stroll::blog | あれこれポップアップ
http://melrose.jugem.cc/?eid=229
strollさん | 2005/11/04 11:38
はじめまして strollさん
とても素敵なスクリプトをありがとうございます。

最初はうまく設置できなかったのですが コメントのやりとりをみて なんとか一人で設置できたみたいです[:ハハ:]
しかし 絵文字を挿入した文章だけ CSSで設定してた行間が無効化されるんです。
文字の大きさとか色は指定どおりでているんですけど
line-heightだけうまく効果を発揮してくれません。
strollさんのところのコメントは つめつめじゃないのに・・・。

なにがどうなってそうなるのか よくわからないのでお尋ねしてみました。
旅行からお帰りになられましたら 少し時間を拝借してよろしいでしょうか。
よろしくお願いします。
べいびぃさん | 2005/11/07 18:08
はじめまして strollさん
とても素敵なスクリプトをありがとうございます。

最初はうまく設置できなかったのですが コメントのやりとりをみて なんとか一人で設置できたみたいです[:ハハ:]
しかし 絵文字を挿入した文章だけ CSSで設定してた行間が無効化されるんです。
文字の大きさとか色は指定どおりでているんですけど
line-heightだけうまく効果を発揮してくれません。
strollさんのところのコメントは つめつめじゃないのに・・・。

なにがどうなってそうなるのか よくわからないのでお尋ねしてみました。
旅行からお帰りになられましたら 少し時間を拝借してよろしいでしょうか。
よろしくお願いします。
べいびぃさん | 2005/11/07 18:16
ぁ すいません 二個も投稿しちゃってました・・・あせあせ
ごめんなさい

imgタグのvspaceで高さを調節して 行間を強引にだしてみたんですが
やっぱり絵文字のある行とない行では差があるので 微妙です[:うーん:]
strollさんとこと画像の大きさが違うからなのでしょうか?
やはり自分じゃこれが限界なので 助言を待つことにします

あと質問とは違うことなのですが
動く絵文字を設置した場合 一度クリックすると動かなくなります
これは みなさんなりますか[:はてな:][:はてな:]
べいびぃさん | 2005/11/08 17:41
>>べいびぃさん
>imgタグのvspaceで高さを調節して 行間を強引にだしてみたんですが
やっぱり絵文字のある行とない行では差があるので 微妙です
↓のように設定を変更してみたら、どうでしょうか?
// 画像タグに含める属性値(alt属性以外)
var att = 'border="0" style="vertical-align:middle"';

>動く絵文字を設置した場合 一度クリックすると動かなくなります
>これは みなさんなりますか
これはブラウザの仕様・設定によるのではないでしょうか?
strollさん | 2005/11/08 22:42
回答ありがとうございます。
しかし その設定では元のつめつめ状態に戻ってしまうのです。
つめつめ状態とは 行間がなくなるわけなんですが
絵文字の入ってない行は line-heightが200%ではいってるのですが
なぜか絵文字を挿入した行だけ スペースがあかないんです。
これはもしや 絵文字が動かないのと同様に
自分だけの症状ってことなのでしょうか?
ブラウザは IEの6、0だったとおもいます。
該当箇所をリンクしてみたので 一度ご確認いただけますでしょうか・・。
何度もすみません・・[:あせ:]
べいびぃさん | 2005/11/09 13:42
あ・・・ あぁぁ[:|||:]
OPERAで確認したら 行間がでてました・・・
IEだとダメなのは なぜかわからないのですが
設定自体が間違ってなかったようなので いちお安心しました[:はあと:]

はたして どうしたものか[:うーん:]
べいびぃさん | 2005/11/09 14:36
>>べいびぃさん
Firefoxで確認したら、行間でてました・・・げっそり
IEの不具合ですかねぇ。。。
自分のIEもバージョン6.0なんですが、やっぱり行間でてませんでした。
うーん。。。
strollさん | 2005/11/09 21:38
はじめまして。
設置を試みているんですが、絵文字が表示されません。
id="comment_area"を自分で書き込んだのと、
class属性がtr_cmで合っているのか?ってことが不安なんですけど…。
原因が分からないので教えて頂けないでしょうかm(_)m
私はsafariを使っているんですが、さっきWinのIEで見ても表示されなかったのでそれ以前の問題だとは思うんですけど…。
kananさん | 2005/11/10 09:43
>>kananさん
はじめまして。
HTMLを見てみたところ、本来¥(本当は半角)であるべきところが\になってしまっているようでした。
たぶん、safariのバグでコピーが正しく出来ていないのだと思います。
他のブラウザで再度スクリプトをコピー&ペーストしていただけますか?
strollさん | 2005/11/10 22:55
ありがとうございます![:ハハ:]
半角に直したら表示されました。
IEではコメントする事もできました。
やはりsafariには対応していないのでしょうか?
imgタグが出て、形式が正しくありません。と出て投稿も出来ませんでした。
でもココのコメントは出来そうですけど…。
あと、プレビューに絵文字が出ないのはもともとでしょうか?
質問ばかりですいませんm(_)m
kananさん | 2005/11/11 00:55
何度もカキコすいません[:すいません:] 上のコメントを参考に<div style="width:300px;">を設定したらsafariからも投稿出来るようになりました。
でもIEともにプレビューには表示されません。
それとなぜかIEでは絵文字が2回繰り返して表示されています…。
ちなみに今はIE5.2のMacで確認しています。
kananさん | 2005/11/11 02:33
>>kananさん
無事表示できるようになったんですね。
よかったです[:ニコッ:]

>あと、プレビューに絵文字が出ないのはもともとでしょうか?
そうですねぇ。
プレビューでも表示できなくはないんですが・・・。
そのうち対応方法を公開するかもです。

>それとなぜかIEでは絵文字が2回繰り返して表示されています…。
そうなんですよねぇ。
MacのIEだと2つ表示されちゃうらしいです・・・。
他のブラウザだとその現象は出ないので、MacのIEのバグかなぁと思ってます。
strollさん | 2005/11/12 00:48
MacのIEのバグなんですねあせあせ
でも今日Winで見たら表示されていたので一安心です。
色々ありがとうございました[:ニコッ:]
kananさん | 2005/11/12 01:40
こんにちは。
教えてください。

下記のタグですが...

<script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能:画像設定
function getCommentEmojiList() {
var list = new Array();
// 画像名、画像URLの設定
list[list.length] = new Array('画像名', '画像URL');
list[list.length] = new Array('画像名', '画像URL');
list[list.length] = new Array('画像名', '画像URL');
return list;
}

function getCustmizeEmojiAttribute() {
// 画像タグに含める属性値(alt属性以外)
var att = 'border="0" style="vertical-align:middle"';

// ***************** 設定ここまで *****************
att = (att != '') ? (' ' + att) : '';
return att;
}
// -->
</script>
は、</head>のすぐ上に書き込みました。


<script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能:画像リスト出力
function writeCustmizeEmojiTagList() {
// コメントを入力するテキストエリアを指定
var textarea = 'document.comform.description';

// ***************** 設定ここまで *****************
var list = getCommentEmojiList();
var att = getCustmizeEmojiAttribute();
for (var i = 0; i < list.length; i++) {
window.document.write('<a href="javascript:;" onClick="addCustmizeEmoji(' + textarea + ', ¥'' + list[i][0] + '¥');"><img src="' + list[i][1] + '"' + att + ' alt="' + list[i][0] + '" /></a>');
}
}

// reference from jugem.jp (c)
function addCustmizeEmoji(obj, tag) {
var item = '[' + tag + ']';
if (document.selection) {
obj.focus();
sel = document.selection.createRange();
sel.text = item;
} else if (obj.selectionStart || obj.selectionStart == '0') {
くまこさん | 2005/12/07 17:00
アイコン追加スクリプトお借りしました。
でもなにかがへんなんです[:泣き:]変な場所に表示されているし文字で出てしまうのです。
アイコンサンプルじたいは表示されているのですが、使おうとすると文字で表示されてしまいます。
蒋平さん | 2005/12/19 13:21
こんにちは[:ニコッ:]
何回も何回も挑戦し、やっと、やっと出来ました[:ビックリ:]
TBさせていただきました。
ありがとうございました[:ビックリ:]
スマイルさん | 2005/12/21 16:12
管理者の承認待ちコメントです。
-さん | 2005/12/21 21:46
こんばんわ。
以前にこちらのスクリプトを使わせていただきました。
その時はTBも報告もしてなかったんです。
すみません[:すいません:]

で、今日は、どうしてもわからなくって、教えていただきたいんです。
以前ジュゲムのplainのテンプレートを使って、こちらのスクリプトを設置したんですが、問題なく設置できました[:はあと×2:]
そして、先日blogのリニューアルをして、テンプレートをpictに変更しました。すると、こちらのスクリプトが作動しない(画像はコメント入力欄に表示されているのですが、クリックしても反応しません[:イタタ:])んです。色々考えられるところは変えてみたのですが、わからなくて…。
お時間があれば、教えていただけると嬉しいです
妃奈さん | 2005/12/21 23:59
アイコン表示スクリプトの表示がどうしても上手く行きません。
何度もやりなおし、[涙]←こんな感じのは表示されます。
エンターを押しても字のままで画像には変換されません。
comments:の下に画像は、見えています。
スキンはジュゲムのスキンのblackを使っているのですが、それだと使えないのでしょうか?
クリックした時にエラーメッセージは、出てません。
蒋平さん | 2005/12/25 16:41
返事もらえないあいだに、自己解決できました。
スクリプト使わせて頂きます。
ありがとう御座います。
蒋平さん | 2005/12/25 17:40
昨日初めて、お邪魔させて頂いた十六夜です。
FC2絵文字追加スクリプトの成功に気をよくして、コメントにも絵文字を追加しようと思い頑張ってみたのですが、どうしても画像が表示されません。[:うーん:]
strollさんの文、コメント、他の方の記事等を参考に頑張ってみたのですが、訳がわからなくなってしまいました。[:泣き:]
もし、こういった所に気をつければいけそうとかがあれば、教えて頂けないでしょうか?
お忙しいとは思いますがヨロシクお願いします。
十六夜さん | 2005/12/27 23:44
すみません。書き込んだ後にもう一度だけ見直そうとして、1文字ずつ確認した所、絵文字リストで
1行","が抜けてました・・・[:あっ:]
ずれてはいますが、表示されました。
お騒がせしてすみませんでした。

また何かあればよろしくお願いします。
十六夜さん | 2005/12/27 23:50
こんにちわ。
こちらのスクリプト、感激して借用させていただいてます。

ところが、トップページのソースを見ると、画像出力スクリプトは働いてるようなのに、いざ個別エントリーに移動すると、ソースをみるとスクリプトがごっそり消えてしまっているのです。

あまりいじるとわけがわからなくなってしまうので、そこでストップさせてるのですが、
書く場所がわるかったのか、何かが抜けてるのか、どうか御指南いただけますか?

空いている時間で結構です。

では、お邪魔いたしました。
エムさん | 2005/12/29 13:20
はじめまして。

こちらの手順を参考に独自絵文字を使って試しているんですが、もう挫折しそうです・・・・・・orz

表示すらされないってもう自分バカかと・・・・・・
ちなみに使っているテンプレはcreepなんですが、何が悪いのかすら・・・・・・orz

もうバカかと・・・・・・・orz
エルマテリアさん | 2006/01/04 15:23
はじめまして。

こちらの手順を参考に独自絵文字を使って試しているんですが、もう挫折しそうです・・・・・・orz

表示すらされないってもう自分バカかと・・・・・・
ちなみに使っているテンプレはcreepなんですが、何が悪いのかすら・・・・・・orz

もうバカかと・・・・・・・orz
エルマテリアさん | 2006/01/04 15:23
こんにちわ、エムです。
今日もう一度最初からやり直したところ、問題なく表示させることができました。
どうやら、こちらの勘違いだったようです。すみませんでした。
Serene Bach2.03R を使っているのですが、テンプレートに記述する際、ベーステンプレートに書いていたのですが、それが間違いだったようで・・・[:あせ:]
個別エントリー用テンプレートに書いたところ、まったく問題なく表示されました。
恥ずかしい限りでございますあせあせ
これで思い残すことはありませんw
大切に使わせてもらいます。
有難うございました[:ニコッ:]
エムさん | 2006/01/07 05:42
管理者の承認待ちコメントです。
-さん | 2006/01/10 19:25
管理者の承認待ちコメントです。
-さん | 2006/01/29 20:55
はじめまして!
こちらはプチモールブログでも設置できるのでしょうか[:はてな:]
yさん | 2006/01/31 01:34
先ほどメールさせて頂きましたが無事に何とか設置できました[:らぶ:]
ありがとうございました[:ニコッ:]
yukaさん | 2006/01/31 21:08
[:わおっ:]
さん | 2006/02/05 14:47
[:ニコッ:]こんにちわ[:ニコッ:] 
はじめまして桃子です[:おんぷ:]
これから皆さんとお話をしたいと思います[:ビックリ:]
今後ともども皆さんよろしくお願いいたします[:あせ:]
桃子さん | 2006/02/10 18:42
[:ニコッ:]名前にも付けられるのでしょうか?
[:フツー:]うさぎさん | 2006/02/22 14:25
どうしてもわからないので、教えてくださぃ。[:すいません:]
さん | 2006/02/27 01:10
数日前からコメント投稿に絵文字を使えるように
コチラを参考にしながら作業をしているのですが、
コメント投稿をテストすると絵文字が[名前]で出てしまいます。[:泣き:]
設置方法の3に不安があるのですが
教えていただけないでしょうか?

他のサイトでも
絵文字が使えるようになりましたぁという記事に
コメントがついているのを見ると
[おんぷ]とか[ドキッ]という表示に見えます[:・・・:]
私のPCの設定がおかしいのでしょうか[:はてな:]
ちなみにここはちゃんと絵文字が見えるのですが…
さん | 2006/03/03 05:43
FC2の掲示板で回答がありまして
無事コメント投稿に絵文字が表示できるようになりましたぁ[:おんぷ:][:ハハ:]
さん | 2006/03/04 07:36
苦節5度目の挑戦で、とりあえず画像がでるところまでこれました[:泣き:]
まだ入力用の画像が表示できませんが、引き続き頑張ってみます[:うーん:]
エルマテリアさん | 2006/03/14 16:44
こんにちは [:ハハ:]

このスクリプトとコメントプレビュー表示のスクリプトをお借りしましたぁ [:おんぷ:]
ありがたく使わせていただきますっ [:らぶ:]

両方の記事にTBさせていただきました [:ニコッ:]

ありがとうございました [:はあと:]
yukimiさん | 2006/03/22 15:35
管理者の承認待ちコメントです。
-さん | 2006/03/24 06:44
管理者の承認待ちコメントです。
-さん | 2006/03/27 23:56
色々試してなんとか解決しました [:はあと:]
カスタマイズは奥が深いですね あせあせ
ありがとうございました ○┓
パキさん | 2006/03/30 08:53
こんにちわ。
ラブログで、徒然サンから来ました。
アキさん2005/03/18 11:56 PMと同じ症状に悩んでます。
お忙しいとは存じますが、なにかヒントをいただけたら幸いです。
chikilimammyさん | 2006/04/02 10:03
こんにちわ。
ラブログで、徒然サンから来ました。
アキさん2005/03/18 11:56 PMと同じ症状に悩んでます。
お忙しいとは存じますが、なにかヒントをいただけたら幸いです。
chikilimammyさん | 2006/04/02 19:58
こんにちわ。
ラブログで、徒然サンから来ました。
アキさん2005/03/18 11:56 PMと同じ症状に悩んでます。
お忙しいとは存じますが、なにかヒントをいただけたら幸いです。
chikilimammyさん | 2006/04/02 20:00
こんにちわ。
ラブログで、徒然サンから来ました。
アキさん2005/03/18 11:56 PMと同じ症状に悩んでます。
お忙しいとは存じますが、なにかヒントをいただけたら幸いです。
chikilimammyさん | 2006/04/02 20:58
こんにちわ。
ラブログで、徒然サンから来ました。
アキさん2005/03/18 11:56 PMと同じ症状に悩んでます。
お忙しいとは存じますが、なにかヒントをいただけたら幸いです。
chikilimammyさん | 2006/04/03 02:10
なんどもコメントしてしまい申し訳ありませんでした。
過去のイロイロな方のコメントを参考にして、解決させていただきました。
ありがとうございます。
さん | 2006/04/03 03:45
始めましてm(_ _)m
前からアイコンをつけたいと思っていて,コチラを参考に実行。
コメントをクリックすると,画像は表示されるのですが,変換が影響されていないのです。
どこか設定が出来てない部分があるのでしょうか?
宜しくご指導ください(TOT)
スナフさん | 2006/05/12 01:59
はじめまして[:ニコッ:]
コメントに絵文字を!!と思い利用させていただきました[:おんぷ:]
説明がわかりやすく
他のスクリプトもちょこちょこお借りします[:サングラス:]
みやさん | 2006/05/15 00:16
初めまして。
スクリプトをお借りしてここ2〜3日作業をしております。
OS WINDOW ME IE6.0 FC2ブログを利用。

何度もこちらにお邪魔し、試行錯誤しながら今日やっと
アイコンが表示されるまでになって、喜んでいたのですが
.▲ぅ灰鵑コメントを書く部分の左側にきてしまっている上
▲▲ぅ灰鵑鬟リックするとエラーとなってコメント記事に反映しません。

3番目のコメント全体のタグのid属性の値を指定しますの
3つの箇所に間違いがあるのでは?と何度もタグの入れ換えをやっていますが
意識朦朧・・・どこにミスがあるのか?の判断が出来なくなってきました。

申し訳ありません。
お手数をおかけしますが、アドバイスを頂きたくお願い致します。

コメントに絵文字導入作業をやっていて遊びにきてくれた方達に迷惑を
かけたらいけないと考え、作業中のテンプレートのアップはしておりません。
もし良ければメールにてとURLをと思っています。
メールを差し上げても良いでしょうか?
後日、お返事の確認に参ります。

どうぞよろしくお願いします。





ママリンさん | 2006/05/17 21:48
>>スナフさん
まず、http://www7.ocn.ne.jp/~php/itemList02.swfというFlashファイルがあると思うんですが、構文ミスしてます。。。
FlashVarsの値の最後に " が足りないようです。

で、今確認したら、正しく画像変換できてるみたいですね。
返信遅くてすみません。。。

>>みやさん
スクリプトご利用ありがとうございます。
>説明がわかりやすく
一応自分なりには丁寧に書いたつもりですが、わかりにくいという書き込みをチラホラ見てたりします。。。
理解していただけてよかったです[:ニコッ:]

>>ママリンさん
はじめまして。

いろいろと問題があるようですが・・・
やっぱり実際にHTMLのソースを見てみないと、なんともアドバイス出来かねます。
>もし良ければメールにてとURLをと思っています。
>メールを差し上げても良いでしょうか?
少々忙しい状況が続いてまして、対応遅くなっちゃうかもしれませんが、それでもよかったらメールしておいてください[:ニコッ:]
strollさん | 2006/05/17 23:50
お返事ありがとうございます。

メールを・・と思いましたがstrollさんのメルアドが探しきれませんでしたので
実際にHTMLを見て頂こうとアップする作業をやりました。
今現在アップしているテンプレートと同じテンプレートをダウンロードし
そのテンプレートの方で絵文字入力作業のカスタマイズをやっていたのです。

見て頂く為に、今現在アップしているテンプレートにスクリプトをいれてとやったのですが、作業をしていたもう1つのテンプレートでは画像までは表示されていたのが、今現在のテンプレートでは、画像も出なくなりエラー表示がでてしまう状態になってしまいました。

ここ4〜5日作業とFC2フォーラムで同じ症状の方への回答がないか?を見たり
こちらのstrollさんの回答を1つ1つ見るということに時間をかけとしやっているのですが・・・。前に進めずにおります。

お忙しい状況のご様子。
お時間のある時でかまいません。
アドバイスをよろしくお願い致しますm(_ _)m


ママリンさん | 2006/05/18 14:31
>>ママリンさん
>ここ4〜5日作業とFC2フォーラムで同じ症状の方への回答がないか?を見たり
4〜5日もですか!!
うーん。やっぱりもっと簡単に設置できるようにスクリプト書き直そうかな。。。

>メールを・・と思いましたがstrollさんのメルアドが探しきれませんでしたので
そういえばそうでした。。。
スパムメールが激しかったので、メルアド伏せちゃったんでした。
すいません。

で、HTML見てみました。
えーっと、まず、画像リスト出力スクリプトの設定にミスがあります。
以下のように変更してください。

// コメントを入力するテキストエリアを指定
var textarea = 'document.comment_form.comment';

次に、画像変換スクリプトの設定を以下のように変更してください。

// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'com-text';

どうでしょうか?
strollさん | 2006/05/19 01:40
stollさん、お忙しい中お返事たいへんありがとうございました。
早速やりましたところ、絵文字がコメント記事内に反映致しました。

本来は、Subject欄にほとんどの方が題名を書かれずにいるので
そこに皆さんの手をわずらわすことがないように絵文字をと考えておりました。

FC2のテンプレートの場合、作成されているHTMLタグもさまざまで
特に// コメントを入力するテキストエリアを指定
部分を見つけるのがたいへんで、見つけてもわたくしが最初に書いていた
comment_bodyのみで良いのかな?という判断になってしまう可能性が高く
つまづく箇所となっていると思われます。
// コメントにカスタマイズ絵文字入力機能:画像変換も、全てあれもこれも
入れて試してみたのですが、どれが正しい値となるのか?の判断が難しかったです。

4〜5日もかかってしまったのは、わたくしの年のせいかと思われます[:泣き:]

本当にありがとうございましたm(_ _)m
また、アドバイスをお願いすることもあるかと思います。
その時は、どうぞよろしくお願いします<(_ _*)>
リンクを貼らせて頂きました。
又お邪魔します^^
ママリンさん | 2006/05/19 03:21
初めまして[:ニコッ:]。
コメント欄に絵文字を使いたくてこちらを参考にやってみたのですが、どうもうまく反映してくれません[:泣き:]。

画像を貼り付けるまではうまくいったのですが、コメントを残そうとテストすると、入力フォームにすら絵文字が反映してくれません・・・。

途中、変換する部分がわからなくて、そのまま貼り付けたりしたので、たぶんそこなのかな・・・。と思ってはいるものの どう変更して良いのか分からずじまいです・・・。

URL、貼り付けましたのでお時間のあるときで構いませんので教えてもらえると助かります。
よろしくお願い致しますm(_ _)m。
uniさん | 2006/05/30 17:12
>>uniさん
>画像を貼り付けるまではうまくいったのですが、コメントを残そうとテストすると、入力フォームにすら絵文字が反映してくれません・・・。
画像リスト出力スクリプトのためのタグに設定ミスがあります。
画像リスト出力スクリプトの上にある、formタグに、name属性が足りません。
以下のようにname属性を追加してください。
例)
<form action="./?mode=comment" method="post" name="comform">

あと、画像変換スクリプトは、まだコメントが1件も無いようでしたので確認できていません。
(どのようなタグが出力されるかわからないため)
もし、画像変換スクリプトについて何かあれば、またコメントください。
strollさん | 2006/05/30 21:53
strollさん
早速のお返事、ありがとうございました[:ニコッ:]。

strollさんのご指摘のあった箇所を変更して、コメントをテスト入力してみました。
すると、画像が出ずに画像の名前が出てしまいました。
再度確認していただけると助かりますm(_ _)m。

実は先程貼り付けたブログは本来このカスタムをしたかったブログではなかったので、カスタムをしたいブログのURLを貼り付けましたのでこちらでお願い致しますm(_ _)m。
ややこしくなってしまい申し訳ありません。でもテンプレートは前のと同じものになります。
uniさん | 2006/05/30 22:25
>>uniさん
画像変換スクリプトの設定を↓のように変更してみてください。

// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = '';
// (3)各コメントの class 属性
var commentBodyClassName = 'entry_body';

どうでしょうか?
strollさん | 2006/05/30 22:38
strollさん

できました[:ニコッ:]。できました[:ぶちゅー:]。
strollさんが丁寧に教えてくださったおかげでコメントに絵文字を表示させることができました[:ニコッ:]。
ありがとうございました!!
uniさん | 2006/05/30 22:48
>>uniさん
無事出来たようでよかったです[:ニコッ:]
これからもよろしく〜。
strollさん | 2006/05/30 23:30
こんにちは、こちらのスクリプトを先日から使い始めました。
もう、うれしくて絵文字も色々と自分好みのを使えて喜んでいました。

順調に動いていたのですが、急にCOOKIEのチェックが勝手に消えてしまい、名前などが保持されなくなってしまいました。最近したことといえば、IE7にバージョンアップしたくらいなのですが・・。COOKIEの設定は「有効」になっていて、他のサイトではCOOKIEは登録されます。一度、COOKIEを削除してみたのですが、変わらず・・。色々考えてみたんですが、どうにもならなくて、助けを求めにきてしまいました。
絵文字がきちんと表示されるだけに、ちょっと悔しくて。なにかお心当たりあれば、教えていただければ幸いです。

よろしくお願いいたします。
ほしさん | 2006/06/07 20:41
何度もすみません。上のコメントを書いたほしです。
追記させてください。
ブログサービスはJUGEMを使用中。いつもはIEを使用、試しにFIREFOXで試してみても同様の状態になりました。
ほしさん | 2006/06/07 21:37
>>ほしさん
うーん。
IE7だけじゃなくFirefoxでも同じ現象が出るということは、何かHTMLのタグかスクリプトの設定にミスがあるんじゃないか?ぐらいしか・・・。
やっぱり実際にHTMLのソースを見てみないと何ともアドバイスできないですねぇ[:すいません:]
もし、ここにURLを書くのがイヤであれば、メールでもいいんでURL教えてくれませんか?
メールアドレスは、↓のページに画像がありますので。
http://melrose.jugem.cc/?pid=1
strollさん | 2006/06/07 23:50
ほしさん、早々のお返事ありがとうございます。
やはり、そうですよね・・。あとでIEバージョンアップしてない方も
同様にチェックが消えるといってました・・[:泣き:]
URL、入力させていただきました。本当にお手数おかけいたしますが
よろしくお願いいたします。
ほしさん | 2006/06/08 00:05
↑って・・・なんで自分に対してお礼を言ってるのだか・・[:|||:]
ほんと、お恥ずかしいあせあせ strollさんに早々にのお礼を言いたかったのに。
ほしさん | 2006/06/08 00:10
初めまして[:はあと:]
可愛いアイコンを選択してもらえるというこの機能。
早速使わせてもらいました。
[:ニコッ:][:はあと×2:] ありがとうございます。
まぅさん | 2006/06/08 13:16
stroolさん、何度も申し訳ありません。
今もう一度見直してみました。少し気になるところを新たに発見し
修正してみたら、直りました。こちらのスクリプトとは全く別の
部分でした。お騒がせして、本当にごめんなさい。

よくよく考えてみると、
ちゃんと絵文字コメントスクリプトは動いていたのだから
こちらにお聞きする事ではありませんでした。

とんだ失礼をお許しください。



ほしさん | 2006/06/08 15:46
とってもかわいいので、チャレンジしてみました[:おんぷ:]

なんとか設置することが出来ました。
ありがとうございました[:はあと×2:]
ちっち*さん | 2006/06/08 20:13
可愛いので設置させてもらいました[:ニコッ:]
ありがとうございました[:おんぷ:]
みゅとさん | 2006/06/09 22:19
>>ほしさん
無事直ったみたいでよかったです[:ニコッ:]
また何かありましたら、コメントよろしくです。

>>まぅさん
>>ちっち*さん
>>みゅとさん
はじめまして。
スクリプトご利用ありがとうございます。
他にも気に入ったスクリプトがあったら、使ってみてくださいな[:イヤン:]
strollさん | 2006/06/10 01:31
strollさん、こんばんは[:ニコッ:]。
先日お世話になったuniです[:ニコッ:]。
実は、テンプレを変えたんですが、やっぱり前回同様同じ箇所で壁にぶつかってしまいました[:あせ:]。
コメントの入力フォームに反映されなくて、しかもコメントを書き込んでもやっぱり画像が出てきてくれません[:泣き:]。
またご教授お願いしますm(_ _)m。
uniさん | 2006/06/13 00:50
度々すみませんm(_ _)m。
コメントの件ですが、まったく書き込みもできない状態なので、テンプレをDLした状態に戻しました。
たぶん、以前と同じく画像変換スクリプトの設定が間違ってるんだと思うんです・・・。
でもどこを治せばいいのかわからないので、その部分をご教授してくださるとありがたいですm(_ _)m。
uniさん | 2006/06/13 01:44
はじめまして。
新しくblogを立ち上げようと試行錯誤しており、
たくさんの記事、参考にさせていただいております。
ありがとうございます[:ニコッ:]
ところで多くの皆さんがつまづいている個所、
絵文字を選択するとコメントエリアに字が出るようになったんですが、
投稿してみても [画像名] のままで、絵文字が表示されません。
それからなぜか『comments』が2行表示されます。
過去ログを何度も見返して設定、3日頑張ってますが解決できません[:泣き:]

お忙しいところお手数ですが、力を貸してください。
よろしくお願いいたします。
スパイクのははさん | 2006/06/15 16:57
前から気になっていたコメント欄に絵文字[:ニコッ:]
ようやく設置できました[:あせ:]

ありがとうございました[:ビックリ:]
ももりんさん | 2006/06/16 05:05
はじめまして。
ブログの引越しを機会に
可愛いスプリクトをぜひ利用させていただきたいのですが
自分で設定した所、テキストエリアに文字は出るのですが
画像が反映されなくて困っています[:泣き:]
過去のコメントなども参照にしてイロイロ試しましたが
うまく行きませんあせあせ
お忙しいとは思いますがアドバイスいただけたらと思います。
宜しくお願い致します。
ヒカルさん | 2006/06/17 01:47
なんとか設定出来る様になりました[:はあと×2:]
スプリクトの場所が間違ってたみたいです。
お騒がせしました[:ニコッ:]
ヒカルさん | 2006/06/17 04:55
こんにちは。
先日質問させていただいたものです。
設定を色々試してみたりして、
何とか問題をクリアすることが出来ました[:ニコッ:]
大変お騒がせいたしました。
頑張って諦めずにやった甲斐がありました。
とってもうれしいです。
また何かありましたらご指導ください。
ありがとうございました。
スパイクのははさん | 2006/06/21 16:06
ロリポブログでも無事に設置できました。
ありがとうございました。[:はあと:]
misatoさん | 2006/06/24 20:45
こんばんわ!はじめまして[:ニコッ:]
参考にさせていただいて、がんばってみたのですが、うまくできませんでした[:泣き:]
コメント欄のいちばん下に絵文字は出てくるのですが、使えません・・・
よろしければ、見てみてください↓↓↓
http://akarigahou.blog72.fc2.com/

スクリプト挿入の位置が違っているのかと思いますが、どこへ挿入すればよいのか分かりません・・・教えてください!
あと、できたら絵文字の一覧はブログ上で「コメントする」と表示されてる付近に設置したいです。

分からないことだらけなんですが、教えていただけませんか??[:泣き:][:泣き:]
よろしくお願いします!!!
akariさん | 2006/06/25 03:59
↑のコメントをした者です。
他の方法でやってみたら、解決しました!!
ありがとうございました[:ハハ:][:ハハ:][:ハハ:]
akariさん | 2006/06/26 00:46
はじめまして[:ビックリ:]こんにちは[:ニコッ:]

他のカスタマイズも色々参考にさせていただいたのですが、これだけ出来ないんです[:泣き:]

絵文字は表示されるんですが、入力できないんです[:はなみず:]
何が原因だとおもわれますか[:はてな:]

よろしければご回答おねがいします[:すいません:]
ゆいさん | 2006/07/02 22:27
こんな機能を探していました。
早速試してみましたが…さっぱり反映されません[:すいません:]
試行錯誤してみましたが、それでも…[:泣き:]
タグを入れる位置に問題が有るのか、自分で書き直したタグに問題があるのか。。

ご面倒でなければ、問題箇所をご指摘願いたく思います。
あまりの初心者っぷりに説明が難しければ、無視してください〜あせあせ
かいママさん | 2006/07/08 16:14
コメントに絵文字を付けたくて試みたのですが
画像は付けられても、コメント欄に乗せることができません。
いろいろと試してはみたのですが[:あせ:]
アドバイスいただけないでしょうか?
すみません。
anさん | 2006/07/09 19:14
以前からいろいろ参考にさせてもらってます。
実は以前は何も問題なかったのですがあせあせ
テンプレートを変更した後
前と同じようにHTML変えたつもりなのですが
なぜかコメント1つめにしか絵文字が表示されません[:泣き:]

なぜなのか理由がわからず・・・
お時間あるときに見てもらえたらうれしいです。
間違っているとこなどわかりましたらアドバイスお願いします[:すいません:]
みやさん | 2006/07/09 23:16
もう一度いろいろ変えたら無事に解決しました!!

1)コメント全体のタグの id 属性
var commentAreaIdName = '';
でよかったようなんですが…
id="comment_area" を追加してしまい
おかしなことになっていたようです^^;

どうもありがとうございました!!
みやさん | 2006/07/14 23:42
[:・・・:][:ぴこーん:]
さん | 2006/08/25 15:51
以前から何度もチャレンジしていて…ようやく出来ました[:はあと:]

数日前にも【コメント・プレビュー】のカスタマイズも使わせた頂きました[:はあと×2:]

どうもありがとうございました[:ぶちゅー:]
Maronさん | 2006/08/29 22:07
↑でカキコさせてもらったMaronです。

実は投稿してみても [画像名] のままで、絵文字が表示されないんです。
プレビューではキチンと表示されてるのに…[:|||:]

お時間のある時で構わないので、一度見に来ていただけますか?
図々しい、お願い申し訳ございません[:すいません:]
Maronさん | 2006/08/31 14:04
初めまして!
コメント欄にも絵文字を!と思いこちらのスクリプトをお借りしようと
頑張ってみたのですが…。
画像は表示されるものの、実際コメントに使用すると[にこ]など、文字でしか反映されません[:|||:]

みなさんのコメントも目を通して、あれこれやってみましたがダメでした。
お忙しい所申し訳ありませんが、間違っている所等アドバイス頂けますでしょうか[:泣き:]
宜しくお願い致します。
るうみんさん | 2006/08/31 23:42
で、出来ました〜[:はあと:]
再度こちらのコメントを拝見させて貰い…
試しに1つ1つ試してみたら…[:ぴこーん:]ビンゴ[:ぴこーん:]。

ちなみに・・・

// コメントにカスタマイズ絵文字入力機能:画像変換
function changeCustmizeEmojiTag() {
// (1)コメント全体のタグの id 属性
var commentAreaIdName = '';
// (2)コメント全体のタグ名
var commentAreaTag = '';
// (3)各コメントの class 属性
var commentBodyClassName = 'entry_body';

この様に変更しました[:ニコッ:]
Maronさん | 2006/09/01 22:15
初めまして[:おんぷ:]
かなりのブログ初心者で無理かなぁ〜と思いながら挑戦させていただきました[:ニコッ:]
コメント欄に絵文字〜奇跡的に一度でできました[:ビックリ:]
ありがとうございました[:おんぷ:]
minさん | 2006/09/09 21:18
↑で成功したと書いたのですが、
その後他をいじっていたら表示されなくなってしまいました。
コピペもすべて最初からやりなおし、以前と同じようにしたのですが
効果なく・・・
お忙しいところ申し訳ないのですが、ぜひアドバイスいただけるといれしいです。
よろしくお願いします。
minさん | 2006/10/10 21:36
初めまして。
コメント欄に絵文字を使いたくてこちらを参考にやってみたのですが、どうもうまく反映してくれません[:泣き:]

画像を貼り付けるまではうまくいったのですが、コメントを残そうとすると、入力フォームにすら絵文字が反映してくれません[:泣き:]
お忙しい所申し訳ありませんが、間違っている所等アドバイス頂けますでしょうか
よろしくお願い致します。
花菜さん | 2006/10/23 15:19
コンバンハ[:おんぷ:]先ほど質問させて頂いた花菜です^^
あれからいろいろ挑戦していた所、なんとお蔭様で設置する事ができました[:はあと:]感激です!
これも、stroll様のおかげです[:ハハ:]ありがとうございました。
また、訪問させていただく事があると思いますがヨロシクお願いします。

花菜さん | 2006/10/23 19:56
はじめまして!
コメントに絵文字を使いたくて悪銭苦闘中です。
こちらのコメントを拝見させていただいて色々試したのですが、どうしても出来ません。
もしよろしかったら教えていただけないでしょうか?
申し訳ございませんが、どうぞよろしくお願いいたします。

ソースを組み込んだURLです。↓
http://blog.bu-cha.boo.jp/?tid=20782
トモさん | 2006/11/27 16:16
コメントに絵文字スクリプトお借りしました。
なんとか 表示されたのですが・・・
どこがおかしいのか コメントが3件目ぐらいになると コメント欄と
絵文字がズレるような感じになってしまいます
クッキーに登録もおかしくなってしまって・・・
お暇なときで結構ですので
どこが悪いのか ご指摘いただけたらと思います^^;
koharuさん | 2006/12/20 19:38
はじめまして〜
絵文字スクリプトをお借りしました(*^^)

苦節6時間。。。なんとかやっと出来ました♪♪
こちらのコメントも大変参考になりました。
ありがとうございました。
ユズキさん | 2007/03/08 01:56
はじめまして。
どんぐりといいます。

プチモールで、絵文字スクリプトをお借りしています。
ブログは3カラムなのですが、コメント欄へ行くと右側の部分がコメントの下のほうへ下がってしまいます。

それから、一度絵文字を挿入すると、それっきり絵文字が動かないのはしょうがないのでしょうか??


初心者なので、どの部分に間違いがあるのかわからないのですが、助けていただけますか??
絵文字は順調に表示できます。
どんぐりさん | 2007/10/26 10:30
はじめまして<(_ _)>
So-net blogにて、設置をさせてもらいました。
すばらしいスクリプトの提供、ありがとうございます。
にのしんさん | 2008/03/05 18:43
はじめまして。
私はロリポで、こちらのスクリプトを設置させて頂き重宝しています。
新たにブログを始めた友人が設置しようとしているのですが、
最近、こちらを初め、他のスクリプトを設置せれているブログでも
Jugemで絵文字が機能していないみたいです。
こちらも今、私には表示されてないのですが、何か原因はあるのでしょうか?
ちなみにロリポでは正常です。
yoshikoさん | 2008/03/29 10:10
はじめまして!!
絵文字スクリプトお借りしました。
悪戦苦闘しながらも今日、ようやく設置できました!
素敵なスクリプトと分かりやすい説明ありがとうございました。
トラックバックと、リンクを貼らせていただきました。

これからもブログ更新を楽しみにしていますね!!!
ではまた・・
Love*さん | 2008/09/30 04:49
strollさん、初めまして。
自分のブログに気に入った絵文字を使用したくって、ここのページに辿り着いたのですが...。
Mac使用なんですが...無理なんでしょうか?(超初心者です)
無理であれば友達のPCを借りようかなと考えています。
因にブログはライブドアとF2を使用してます。


1)画像設定スクリプト
下記のスクリプトで画像の設定を行います。
メモ帳などのテキストエディタで、下記スクリプトの太字部分を編集してください。
<script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能:画像設定
function getCommentEmojiList() {
var list = new Array();
// 画像名、画像URLの設定
list[list.length] = new Array('画像名', '画像URL');
list[list.length] = new Array('画像名', '画像URL');
list[list.length] = new Array('画像名', '画像URL');
return list;
}

function getCustmizeEmojiAttribute() {
// 画像タグに含める属性値(alt属性以外)
var att = 'border="0" style="vertical-align:middle"';

// ***************** 設定ここまで *****************
att = (att != '') ? (' ' + att) : '';
return att;
}
// -->
</script>


取りあえず、1から手を付けたのですが...「設定ここまで」のところではそれ以降はコピーしなくてもいいんでしょうか?
時間のある時に教えてください。


noa
noaさん | 2008/10/04 01:47
管理者の承認待ちコメントです。
-さん | 2009/02/24 12:36

  Comment









  Trackback URL
 

  Trackback
ああああ大変でしたっ コメント欄に絵文字を可愛くカスタマイズしましたよ。 stroll::blogさんの公開スクリプトより いつも感謝です!かわゆいわ・・・ あと、今までコメントを下さった方々に全部 それぞれのアイコンが付けられるように改造しました! これから
Femme Fatale | 2004/09/29 18:45
stroll::blogさんで紹介されていたスクリプトをお借りして またまた試行錯誤して設置しました。もう必死こいて。 でもね… 設置は出来たんだけど、動かない(´・ω・`) 色々教えてもらったんだけど、改善できず_○/|_ しばらくは眺めるだけになりそ
qtz* | 2004/09/29 23:42
stroll::blogさんの コメントにカスタマイズ絵文字入力機能文字 お借りしました これはちょっと難しかったー!行き詰ってしまったのでstrollさんのお聞きしたら あっけなく解決しました!スゴイ〜 ありがとうございました コメント欄で絵文字が使えます。 その
ALL MY LIFE? | 2004/09/30 01:10
JUGEMのカスタマイズ法で有名なstroll::blogさんで紹介されてたコメントに絵文字入力機能を付けるスクリプト設置してみました。絵文字の一覧が変な位置にあるのは、あまり多用されるのもイヤなのでアクセント程度に使ってほしいので、あえて解りづらい位置に配置。知っ
Ck2 Blogger | 2004/10/07 13:22
ひさしぶりにやってみました。 コメントを書くときに、気分に合わせてお使いください。 JUGEM以外のブログでもつかえるらっしーです。 興味のある方はごらんください。 strollさんのスクリプトはかゆいところに手が届くというのか あったらいいなーが、ある!
I SCREAM ***! | 2004/10/09 22:11
久しぶりのppBlogカテゴリでの投稿です。ていうかお待たせしてスミマセンでした。ことの始まりはあゆさんからのリクエストでした。じゅげむでコメント欄に絵文字を使いたい!と。そのときに教えてもらったのがこちらのサイト。stroll:blogさん。色々な興味深いスクリプト
naoKの「ホイきたー!」 | 2004/10/09 22:54
以前のエントリーでコメントに絵文字を使えるカスタマイズは実施済です。 (cara...
caramel*vanilla | 2004/10/10 00:40
できた模様 ちょいと絵文字にしては大きめかなとも思いつつ、 こちらのアイコン、か...
Macchan Yap!! | 2004/10/10 01:18
JUGEMで設置を失敗して、そのまま放置してたんですけど、せめてコメントだけでも〜絵文字を〜てことで再チャレンジ。落ち着いてやったら、出来ました・・・ワタシのバカ・・・コメントにカスタマイズ絵文字入力機能 ...
neige essay | 2004/10/13 18:30
ついに!stroll::blogさまの全面的なご指導のもと、『コメントにカスタマ
Pleasant days | 2004/10/13 22:42
コメントにカスタマイズ絵文字入力機能(stroll::blog) こちらのスクリプト設置完了でございます。先生。 遅ぇんだょ。。(-□-)ボソッ とか言わないでください・・・・・・ε≡≡ヘ( ´∀`)ノ ただですねぇ。。 これ私のテンプレートのせいでもあるん
ムンクさんのボヤキ )'Д'( | 2004/10/17 19:14
漸く「stroll::blog」さんで公開されていた「コメントにカスタマイズ絵文字入力機能」を導入。...
夢飛行 〜つれづれなるままに〜 | 2004/10/18 02:06
stroll::blogさんのところでコメントにカスタマイズ絵文字入力機能があったので早速導入!JUGEMの時にも挑戦しようと思っていたんですがsbにしてからでもいいかなあ、と思っていたので早速お借りしてきました!!絵文...
moccha | 2004/10/26 15:41
かわいい絵文字を使いたくなって、まずコメント欄に導入しました。 参考サイト。 s...
プチパレブログ | 2004/10/26 20:31
気になりながらもずっと後回しにしていたstroll::blogさんの『コメントにカスタマイズ絵文字入力機能』、mocchaのacoさんが設置してるのに影響されて私も設置〜。設置するのは5回目(余所のも付けたりしているので)...
Girasols [weblog] | 2004/10/27 02:14
また、stroll::blogさんのスクリプトをお借りしてカスタマイズ。コメントにカスタマイズ絵文字入力機能というもの。今度は、コメントにも絵文字が入れられるヤツです。ずいぶん前に公開されていましたが、最近、記事...
Ayaka's blog | 2004/10/27 10:04
■strollさんのstroll:blog ■JolieさんのJolie's 上...
本日の締切×! | 2004/11/21 20:14
壊れる前につけてた絵文字機能復帰です。 前のは、コメントの途中で絵文字追加出来な...
Magic White | 2004/12/03 01:08
stroll::blogさんのスクリプトを入れてあそんでみました^^わーい!コメントに絵文字を入れてみました。今度もっと増やそう・・・。素材はこちらからお借りしました。1時間かかった・・・(゜ーÅ)
DANDELION | 2004/12/09 01:06
berryです。 絵文字導入してみたとです。 現実逃避劇場さんみてたらつけたく...
strawberry photographics | 2004/12/13 00:21
berryです。 絵文字導入してみたとです。 現実逃避劇場さんみてたらつけたく...
strawberry photographics | 2004/12/13 00:24
berryです。 絵文字導入してみたとです。 現実逃避劇場さんみてたらつけたく...
strawberry photographics | 2004/12/13 00:27
かなり手間取りながら、やっとのことでコメントとエントリーにアイコンを付けられるようになりました。 こんな感じです。...
kazunoblog | 2004/12/21 02:43
stroll::blog | コメントにカスタマイズ絵文字入力機能
easy as pie...vol.2 | 2004/12/25 11:02
コメント欄にも絵文字を使えるようにしました。結構難しかった。今回もStrollさんにお世話になりまくりです。
DEAR DAYS 別冊 | 2004/12/28 18:54
はい。やっと出来ました!! 以下やり方。...
Hitori-goto | 2005/01/02 17:41
はい。やっと出来ました!! 以下やり方。...
Hitori-goto | 2005/01/02 17:59
アスキーアートの一種である顔文字をはじめて使った人は、米IBM社の研究者であるScott Fahlmanとされています。":-)" と ":-("の顔文字の使用を提案したメッセージが当時のバックアップテープから掘り起こされてい...
solo.design | 2005/01/08 23:53
コメントでも絵文字を使えるようになりました。 コメント欄下の絵文字をクリックするとコードが挿入され、自動的に絵文字に変換され表示されます。 またコメントのプレビューができるようになりました。 「プレビューを有効にする」のチェックボックスにチェックを
buena suerte! | 2005/01/10 11:11
コメント欄で絵文字を使えるようにしました。 stroll blogさまの「コメントにカスタマイズ絵文字入力機能」が有名ですが、テンプレートをいじる必要があり、ココログベーシックではそのまま使えませんでした。 そこでfacetさまのアドバイスに従って、サイドバーに記述し
KOROPPYの本棚 | 2005/01/14 20:01
本文の絵文字もかわいいですが、コメントにも絵文字つけちゃいましたstroll::blogさま『コメントにカスタマイズ絵文字入力機能』よりTBDEAR DAYS別冊さま『コメントに絵文字機能追加』よりTB今日は8時台に寝たのでも...
les jours | 2005/01/23 00:56
コメントに絵文字が使えるようになりました。stroll::blogさんのコメントにカスタマイズ絵文字入力機能を参考にさせていただき無事設置する事ができました。要領が悪くて半日かかってしまいました。コメントしていた...
...ONE Blog | 2005/01/23 13:40
コメントに絵文字を使えるようにしました。コメント欄の入れたい場所で入れたい絵文字をクリックすれば入ります。よかったら使って下さいね。参考にさせてもらったのはstroll::blogさんのコメントにカスタマイズ絵文...
だるだるせいかつ | 2005/01/25 10:25
試験が終わると一気に気が抜けますね。受かるのか受からないのか、あの張り詰めた緊張感ある日々が懐かしい...。とはいえ、間もなく追試のための勉強に取りかからねばならないので、むしろ今は嵐の前の静けさでしょうか(ぉ さて、ここ数日激しく重いJUGEMですが、今
wazao style | 2005/01/27 12:57
stroll blogさま。はじめまして。コメントが入らないようですのでTrackback で失礼致します。fc2で、stroll blogさまのコメントにカスタマイズ絵文字入力機能をつかわせていただきました。ありがとうございます。上手く使えるようになって、喜んでいたのですがゲストの
Dreamy-Forest | 2005/01/27 13:08
で〜きたできた。指定する所間違ってたみたい。ちょっと絵文字多いみたい。まいっか。参考サイトはstoll::blogさん。3)の(1)は空欄に(2)はdiv(3)はentry_bodyにしたら出来ました。
Another Treasure | 2005/01/30 18:51
blogっぱぐ。には絶対負けない・・・ なんで、こちらもコメント欄に絵文字を設置してみました。 あー、面倒だったー。 いえ、そんなに面倒でもないですがね。 アイコンは MSN からパクって拝借してきました。 大丈夫だよなぁ・・・?
pekeblog! | 2005/02/07 00:33
stroll:blogさんのコメントにカスタマイズ絵文字入力機能を livedoor Blogで設置する方法を解説させていただこうかと思います。 私がこのカスタマイズをした時の記憶をたどって書いている為、所々間違っている部分があるかもしれません。 と、1から説明を書こう
buena suerte! | 2005/02/07 22:44
コメント欄で 絵文字が使えるようにしてみた。[:ラブ:] 今回は stroll::blog さまの「コメントにカスタマイズ絵文字入力機能」 こちらの方法を 試してみた。たぶん・・・できたみたい。[:グッド:] これ、MTでは どうしてもエラーになって使えなかったんだよね。[:悲
みるくここあ | 2005/02/08 15:17
やっとできたぁぁぁぁ というわけで参考神サイト。 スクリプト元:コメントにカス...
兎からのフランス便り | 2005/02/11 07:41
カスタマイズをするにあたって、参考にさせていただいているサイトをご紹介。 [:見る:]stroll::blog [:見る:]JUGEMカスタマイズ講座 [:見る:]HTMLクイックリファレンス いずれのサイトも、素人の私でも「がんばってみようかな」と思
75points | 2005/02/16 00:27
http://melrose.jugem.cc/?eid=199 http://...
Air Blog | 2005/02/17 13:12
やった〜〜〜 遂にできたぁぁぁ昨日の 『FC2で記事に絵文字入力』 に引き続き、絵文字の第2弾stroll::blog | コメントにカスタマイズ絵文字入力機能コメント入力欄に絵文字入力機能を追加するスクリプトです。HTMLが編集可能なblogであれば、すべてのblogで設置可能
KUMI☆ふぉとFC2 | 2005/02/18 11:11
何とかコメントに絵文字を表示させることができました!嬉しいな♪最初はうまくいかなくて色々悩んだんですけど、やっとできました。スクリプトはstroll::blogさんのこの記事を参考にしました。今までコメントなかったからわからなかったけど、このコメントの表示あんま
**自分に素直に** | 2005/02/22 11:53
先週からうまくできなくて悩みっぱなしだった「コメント欄に絵文字」導入ですが つい...
コハルビヨリ。 | 2005/03/07 17:36
「コメントしやすい雰囲気作り月間」ということで←こんな感じのアイコンを表示できるようにしてみました。作業的には新規投稿画面(管理者画面)とコメント投稿画面でそれぞれアイコンを使えるようにすること。
それってどーなの? | 2005/03/09 12:41
いつもお世話になってるstroll::blog様のところから、今回は『コメントにカスタマイズ絵文字入力機能』というスクリプトをいただいた。今回は、コピペした後に、設定変更する箇所があって・・・ これはテンプレートによっても設定の仕方が違ってたりするので ややこし
723*822 | 2005/03/09 14:20
今日1日かけてコメントにて絵文字を使えるように設定しました。 (参考資料:JUGEM時代からお世話になってる"stroll::blog"さまのコメントにカスタマイズ絵文字入力機能) 実を言うと今回で挑戦は2度目です。 JUGEMでも使ってたので使えるだろうなぁ・・・と思ったら
CU*Chu! | 2005/03/13 02:41
ブログ初心者のくせにカスタマイズしたがりの 私は何かイイ機能はないかとうろうろしていました。 そこでこんなスゴイ機能を発見 strol::lblog様で公開されていた 「コメントにカスタマイズ絵文字入力」スクリプト です もう、一目ボレで設置を決意 でもちょっ
march* | 2005/03/17 20:12
コメントにカスタマイズ絵文字入力機能%n上記スクリプトを、sbデフォルトのようなHTMLソースがdlやdd,dtで構成されているテンプレに導入する際の、一例です。ご参考までに..。
DEAR DAYS 別冊 | 2005/03/18 08:42
こ・・・これってばムチャクチャ難関ですたわー今度はDEAR DAYS 別冊サマ経由で、stroll::blogサマのコメントにカスタマイズ絵文字入力機能にチャレンジしましたチビちゃんが寝てる間に、いっちょやったるかってな気...
Sunny nature --Blog style-- | 2005/03/18 16:31
いきなり 自分でカスタマイズした部分なんかを 書きとめておきたい衝動にかられてしまった( ´゚д゚`)ヌオー いじくりすぎて 何がなんだかわからん!! しかもσ(o´д`o)ォ'`゙ヵなもんだから ほっとくとすぐに忘れる 危険信号振りまいてるわ。(謎
れぃのリアルな日常日記。 | 2005/03/18 19:58
絵文字ががんがん増えているロリポブログではあるのですが、なぜか、コメントにはついてない。 いえ、文字で書くと絵文字入力が可能だってのは知ってるんですが、[○△×]と絵文字の種類を覚えるのなんてできません[:ぶー:] ってわけで、頑張りましたよ、アタシ。
わらぶろぐ。 | 2005/03/23 10:08
【DEAR DAYS】さま〔コメントに絵文字機能追加(ver.2) 〕を参考にさせて頂き設置しました。有難うございましたrealguuuには一番理解しやすかったです...
mahalo | 2005/03/23 16:26
今日は珍しく仕事も家事も順調に終わり、自宅でのんびり晩酌しています で、エントリ...
andreas Blog | 2005/03/27 14:46
随分と記事をまとめるのが遅くなってしまいました。 引っ越す前のBlogでは元々つ...
WhiteжButterfly | 2005/03/29 10:49
少しまともな形になったので(というか、リアルタイムプレビューも無事に設置ができたので)一応紹介しておきます。 元ネタはお馴染み(笑)、strollさんのstroll::blogです。 seesaaバージョンで解説していきますね。 なんでできたかって? Marioさんが質問されてい
あいこの書きたいホーダイ! | 2005/04/03 02:40
ブログに絵文字がないのはなんか寂しいという訳で、stroll::blogでスクリプトをお借りして設定し始めたのが日曜日。今日は金曜日だから・・・なんと時間のかかったことか!私のサル脳にはちと荷が重すぎた悩んで悩んで最終的にはstrollさんに聞いてあっさり解決今まで何
言霊の幸ふ国 〔JILL'S★WORLD〕 | 2005/04/08 23:32
コメントに絵文字を入れるスクリプ導入に成功しましたstrollさま>のブログ『コメントにカスタマイズ絵文字入力機能』
めざせ!カチガメ | 2005/04/12 20:11
以前までの他ブログツールではなぜかつけられなかったんデスが(タグ指定違いだと思うデスが)stroll::blogさんのコメントにカスタマイズ絵文字入力機能をつけました。テストもしてみたので今回はイケます。お気軽に...
Nox Noctis | 2005/04/17 23:03
参考にさせていただき、無事に設置ができました!記事に紹介させていただいてしまったので、御迷惑ならお知らせください。 ありがとうございました。
徒然ぶろぐ | 2005/04/25 17:06
stroll::blogさんのコメントにカスタマイズ絵文字入力機能をやってみました。ヾ(●~▽)ゞFC2ではあまりcomment_areaにIDが付いていませんのでコメントが始まる<!--comment_area-->の次、に<div id="comment_area">を入れて<!--/comment_area--
HTMLってな〜に? | 2005/05/02 08:41
在FC2回應欄加上繪文字終於試成功!!感謝日本的stroll::blog,發明這麼好用的東東,這隻程式是stroll::blog寫的,小倩在這裡用中文的方式介紹給大家,另外也感謝在vera在emmily家提供這個資訊◎本教學來源(日本的stroll::blog):http://melrose.jugem.cc/?eid=199
白文MIMI與小鸚KIKI的生活記事_FC2分店 | 2005/05/12 12:40
コメントにカスタマイズ絵文字入力機能のSeesaaバージョンでの設置を紹介させていただきました。
BlogPetはじめよう!(Seesaa編) | 2005/05/18 14:54
ずっとやってみたかった、コメントで絵文字を使う方法! ぽちっとアイコンを押せばその絵文字が挿入されるので コメントを付けてくれる方もちょっと楽しいのではないかな? と思っています(*'-') しかし、コメント数が多くなったり、絵文字が使われ...
MTカスタマイズ法収集ブログ | 2005/05/23 20:03
今度はコメント入力欄にも絵文字を使えるようにスクリプトを追加してみましたスクリプト本体をstroll::blogさんのコメントにカスタマイズ絵文字入力機能をお借りして、絵文字画像はPePPeRさんに、実際の設置作業はリ...
Ψ2525.comΨ | 2005/06/02 04:43
まず、ちゅかれた。。。そう、今日はこの絵文字を管理者画面に入れて、その後でちょっと怖かったけどコメントにもかわいい絵文字を利用できるように設定をしました。管理者の方はなんとかすぐにできたけど、コメント...
| 2005/06/02 21:59
まず、ちゅかれた。。。そう、今日はこの絵文字を管理者画面に入れて、その後でちょっと怖かったけどコメントにもかわいい絵文字を利用できるように設定をしました。管理者の方はなんとかすぐにできたけど、コメント...
| 2005/06/02 22:01
最近のBLOGでは、コメントに絵文字が入力できるのはアタリマエっぽい感ぢですね。...
テクなしBLOG | 2005/06/22 11:19
stroll::blog(コメントにカスタマイズ絵文字入力機能)ここを見て、このブログのコメントにも絵文字が使えるようにしてみました。sbだけでなく、HTMLをいじれるブログならなんでもできるらしいです。CGIの掲示板なんか...
lilheart.com | 2005/06/23 19:55
FC2blog共有テンプレートのHTML内でstrollblogさんの 「コメントにカスタマイズ絵文字入力機能」の「script」を貼る位地やタグ名など詳しくご案内させていただきました。テンプレート名は「dreamy-forest」です。http://blog2.fc2.com/b/bisco/file/new.htmlからご覧い
HTMLってな〜に? | 2005/07/03 11:05
久しぶりにカスタマイズに挑戦!!コメントの方へも絵文字入力機能をつけました絵文字アイコンは、エントリ内とは別のアイコンの方が楽しいかな〜と〔参考サイトさま〕・stroll::blog | コメントにカスタマイズ絵文字...
Nachures | 2005/07/10 02:00
stroll:blog さんのコメント入力欄に絵文字入力機能を追加するスクリプト を追加しました。 デフォルトの絵文字はカワイイけど主張が強すぎたので、どうにか変えられないかと探してたら・・・理想通りのやつが!! 絵文字は黒い彼女/KU/RO/I/KA/NO/JO/さんからです
Okinawaちむどんどん♪ | 2005/07/28 17:32
本日のカスタマイズその2。 stroll::blogさんの『コメントにカスタマイズ絵文字入力機能』と、 Blogであそぼう!さんの『Seesaaでコメントに絵文字を使えるようにする』を参考に、 コメント部分にも絵文字が使えるようになりました〜(・・・多分;) 基本的にはこの
ぱーこ日記 | 2005/07/31 22:11
ここ2週間ほど、仕事もさぼりつつ・・・ コメント欄に絵文字をつける作業に没頭してまちた&#63916; stroll::blogさんを参考にさせて頂きました。 家事もそこそこに・・・PCと格闘しているか、 絵を描いているかどちらかのあたちに対して、 プリンスはご機嫌ナ
LE CHAT BLEU | 2005/08/01 11:20
    コメントしていただく時に 絵文字入力を     jugemblogでは 管理人が投稿する場合に簡単に絵文字を     押入できるけど     コメントしていただいたり レスしたりする場合には     コメント欄には絵文字押入がなく     そこ
「Lavie」 | 2005/08/04 08:04
ゆっくりとsbをカスタマイズしています。テンプレートの方はタイトル画像とかを変えてたんですがエントリーとコメントに絵文字を使ってあるサイトをよく見るので表現拡大のために導入をすることにしました
Another Memory | 2005/08/05 19:40
・【stroll::blog】さんよりDL。かわいいので、コメントにも絵文字が入力できるスクリプトを設置。でもね・・・かなり大変でしたコメントにカスタマイズ絵文字入力機能http://melrose.jugem.cc/?eid=199
Pinkish-Diamond** | 2005/09/04 13:33
seesaaでも使わせていただいてましたがコメント入力時に絵文字を使うっていう楽しいスクリプト。stroll::blogさまのスクリプトを使わせていただきました。基本的にHTMLをいじれるブログであれば使えるということです...
グウタラビヨリ | 2005/09/10 01:46
stroll::blogさんからsb絵文字入力支援スクリプトとコメントにカスタマイズ絵文字入力機能をお借りいたしました。よそ様で見かけるたびに、かわいくて使いたくて、やっとの事で導入できましたーありがとうございます...
Happy-Go-LUCKY☆彡 | 2005/10/05 17:39
stroll::blogさんで紹介されていたカスタマイズ絵文字入力スクリプトを導入しました[キラン]いちいち<img...>と打たなければならなかった煩わしさがこれで一気に解消です[ハート]本当に素敵なスクリプトをありがとうございます!私のブログ「Web Diary Professi
My Diary | 2005/10/28 15:09
stroll::blogさんで紹介されていたカスタマイズ絵文字入力スクリプトを導入しました[キラン]いちいち<img...>と打たなければならなかった煩わしさがこれで一気に解消です[ハート]本当に素敵なスクリプトをありがとうございます!HTMLをいじれるブログであれば設
My Diary | 2005/10/28 15:29
私が導入した Serene Bach のカスタムをご紹介します。(自分が忘れないためのメモです。)Serene Bach カスタムメモページナビゲーション展開プラグインうにゅうにゅ Read Moreプラグインツリー化プラグイン Ver.0....
★ぷちチョキンバコBLOG★アフィリエイトで高収入 | 2005/10/30 08:13
コメント欄に絵文字入力を復活しました。久々だったから、なかなか表示されず四苦八苦したけどなんとか絵文字が表示されるようになりました。ホッ。そして、コメントプレビューも再登場です。チェックボックスにチェ...
mizutamari-ver2. | 2005/11/09 11:17
なんだかんだで堅苦しいブログじゃない限り、やっぱり文章だけじゃなく、絵文字も欲しいものです。 エントリーだけじゃなく、コメント欄にも入れられるってのがいいですね。 というわけで導入しました(だいぶ前だ...
KAZUの挑戦日記 | 2005/12/11 23:37
もともとFC2さんで用意されている絵文字は、 絵文字マークをクリックしてからでるので、 直接表示したかったんですが、何度か挑戦してみましたが、 分からず断念していました。 で
Best smile〜笑顔が好き〜 | 2005/12/21 15:11
連休&お金もなく天候も悪いため着々とリヌ作業進行ちぅ 今回はstroll::blogさまのコメントにカスタマイズ文字入力機能を追加 あまりに難しいのでDEAR DAYSさまのコメントに絵文字機能追加(ver.1)を参考にさせていただいた
espressivo! | 2006/01/08 18:13
[stroll::blog | コメントにカスタマイズ絵文字入力機能:http://melrose.jugem.cc/?eid=199]最初、うまく設置できなくて諦めかけてたんですが、もしや、と思いや...
Slice The Risky Head | 2006/01/09 01:27
ここを 以前 「みるくここあ」 ってブログ名で やってたときに装備してた コメントのリアルタイムプレビューと コメント時に使える絵文字を 復活させた。 「コメントプレビュー」 で  ⇒ stroll::blog : コメントをプレビュー表示  ⇒ stroll::blog : コメ
さえらんち | 2006/01/19 22:14
ここ で うまくいったと思ってた 「コメントに絵文字」 なんだけど、実際 コメントをいただいてみてちゃんとできてなかったことがわかった。コメ...
てぃあら | 2006/01/26 04:46
カテゴリー機能 コメント トラックバック 画像関係 カテゴリー機能 † [編集] カテゴリやアーカイブページでサイドバーに記事一覧表示 [小粋空間] カテゴリページ用 個別ページ用 カテゴリ内の記事数表示 カテゴリー・アーカイブに前後カテゴ
MovableType(MT) Wiki | MTまとめサイト? | (PukiWiki/TrackBack 0.3) | 2006/02/20 23:05
結局、自分のやり方では、できなかったのでstroll::blogコメントにカスタマイズ絵文字入力機能を利用させていただきました。ありがとうございました。
スヌーピーキャンディー | 2006/03/02 18:06
以前からずっとやりたいと思ってたんだけど、やっとできまちた コメントで絵文字を使えるようにと、プレビュー画面を見れるようにしましたぁ コメント残してくださる方によろこんでもらえるといいにゃぁ この設置作業、チョット難しくって手間取っちゃっ
Strada a bellezza!! キレイへの道!! | 2006/03/22 15:28
コメント欄に絵文字できました! 御礼申し上げます。
妊婦さんに席を譲ろう! | 2006/04/04 00:10
stroll::blog様のコメントにカスタマイズ絵文字入力機能を利用した場合、コメント欄のcookieが上手く機能していないことに今更ながらに気づいた。 stroll::blog様のスクリプトを改変(comform→comment_area)して解決かと思えば、なぜだか機能しなかったので、cooki
East of R134 | 2007/07/22 13:21
stroll::blogさんを参考に、コメントフォーム部分をカスタマイズした。 1.コメントプレビュー機能と停止機能 (参考:「コメントをプレビュー表示」と「コメントプレビューを必要なときだけ実行するには?」) 別のブログで、リアルタイムでのコメントプレビュー
超・分会長の小屋.増改築 | 2007/11/14 02:13
まーたまた、弄ってしまいましたん(*´艸`)どうしてもイロイロやりたくなってしまう私。凝り性なんだろうねぇ。こういうとこ、明らかに父親からの遺伝ですわ。
Disclose my real intention | 2008/08/18 10:11
JUGEMテーマ:ブログカスタマイズ昨日から悪戦苦闘していた、コメント欄に絵文字挿入かなり頭を悩ませながらやっと設置です。スクリプト配布、設置方法→stroll::blog様絵文字→だるだるせいかつ様どこで手間取っていたかというと、絵文字スクリプトを貼るところに、昔
sweet chips | 2008/09/30 04:09
今回F2のコメント欄に絵文字機能を追加する事が出来たので記事にさせていただきます。 参考、アドバイスをいただいたブログ:stroll blog & Dr...
ジャパ子とアメ男の海外生活日記2 | 2008/11/04 04:24
Home  |  Selected Entries  |  Recent Comments  |  Recent Trackback  |  Categories  |  Archives  |  bbs