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

  スポンサーサイト

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

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

  コメントにカスタマイズ絵文字入力機能(各テンプレートの設定例)

先日公開したスクリプト:コメントにカスタマイズ絵文字入力機能
やっぱりテンプレートごとにHTMLの構成が結構違うため、
設定の仕方がわからない方が多いようなので、
各公式テンプレートでの設定例を紹介いたします。

スクリプト本体はこちらをご覧ください。

このテンプレートも教えて!というのがあったらコメントください。

[更新履歴]
2004.09.30 serenity:blue追加

■JUGEMテンプレート名
 ├ぷちオレンジ
 └cutoutshowerserenity:blue


●ぷちオレンジ
○2)画像リスト出力スクリプトの設定例
まず、HTMLの太字部分を追加してください。
<form action="./?mode=comment" method="post" name="comform">

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

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


●cutout、shower、serenity:blue
○2)画像リスト出力スクリプトの設定例
まず、HTMLの太字部分を追加してください。
<form action="./?mode=comment" method="post" name="comform">

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

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



カスタマイズ(blog) | permalink | comments(25) | trackbacks(0) | ↑top
Clip!! | Ranking |

  スポンサーサイト

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

  Comment List
「serenity:blue」を使用してます。
昨晩3,4時間苦戦したけど、頭がウニになり断念してしまいました。
余力がありましたら、ぜひ「serenity:blue」の設定例をお願いします[:ぶちゅー:]
ひろさん | 2004/09/30 19:45
>>ひろさん
cutout、showerと同じ設定で動作することを確認いたしました。
あとは、スクリプトを設置する場所さえ間違えなければ大丈夫なはず。。。
どうでしょうか?
strollさん | 2004/09/30 19:58
結局どこにどの文字を入れたら良いのか判らず断念しました(大汗)。
<form action="./?mode=comment" method="post" name="comform">
ってのは、探せばそこに加えるだけ、ってわかったんだけど・・・。
やっぱりズブの素人にはムズかったようです(汗)。
しかし、何故かパッタリ・・・コメントスパムがなくなりました。
なーんも対策してないんだけど。何だったんだ・・・あの集中した3日間は!
yassさん | 2004/10/01 02:22
うわぁ〜、素早い対応ありがとうございます!![:ハハ:]
空き時間見つけ次第、早速トライしてみますね。
ひろさん | 2004/10/01 10:21
MTで設置を試みたんですがワタシのスキルでは無理でした[:泣き:]
strollさんのスクリプトの方がコメント入力のときにIMGタグ丸見えにならないのでとってもスマートだと思います[:ニコッ:]
lomoさん | 2004/10/01 11:49
▼strollさん
無事、設置できました!ありがとうございます[:ビックリ:]
ところで、もう一つ質問で恐縮なのですが、strollさんのBLOGみたいに、だーと並んでいる絵文字の途中に、改行を入れたいのですが、<br>を入れると絵文字が表示されなくなりました[:|||:]
何を入れれば改行されるようになるのでしょう?
ひろさん | 2004/10/01 12:26
上のコメントは無視してください[:|||:]

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

↑これ入れたら解決しました。
失礼しました[:ニコッ:]
ひろさん | 2004/10/01 16:48
>>yassさん
>結局どこにどの文字を入れたら良いのか判らず断念しました(大汗)。
説明わかりにくいですかね[:泣き:]
ここがわかりませんって言ってくれれば、回答しますよ〜。
>しかし、何故かパッタリ・・・コメントスパムがなくなりました。
ウチもさっぱり来なくなりました。
スクリプトはいらないかな?!

>>ひろさん
無事設置できたみたいでよかったです。
もう1コのも解決できたみたいですし。
これからもよろしく〜。

>>lomoさん
>MTで設置を試みたんですがワタシのスキルでは無理でした
どの辺がわかりにくいですかね?
説明の仕方の参考にさせていただきたく、できたら教えていただきたいです。
でも、lomoさんのとこ、すでに絵文字入力機能あるし、
無理して設置しなくてもOKなのでは?
JavaScriptだと、JavaScript無効にしてると絵文字を表示できないし。
ま、コメントする人にとっては、直接imgタグが入力されるよりも、
コメント入力しやすいかもしれないですけどね。
strollさん | 2004/10/01 22:32
>strollさん
確かに今現在別の方法でのコメント絵文字機能はあるんですがstrollさんのやり方の方がスマートなので(設置はちょっと複雑ですが)是非取り入れたいと思ったんです[:ニコッ:]
でも確かに無理に頑張る必要もないかもです[:すいません:]

リビルドしても絵文字リストが全く表示されなかったので2)の画像リスト出力スクリプトの貼り付け位置を間違えたからなんでしょうか?
コメント投稿フォーム内に貼り付けたんですが[:うーん:]
(ちょうど今の絵文字リストと同じ位置にしました)

また時間を置いて最初からやり直してみます[:ニコッ:]
lomoさん | 2004/10/02 12:02
初めまして。
って、前にも参考にさせて頂いた事は、あるのですが・・あせあせ

【桃色グラフィック】を借りて、ブログを作っていますが、レスの絵文字入れ作業につまずいております。
HTMLの事をよく理解せずに使っているので、メモを取りながら作業しましたが、うまく表示できません。(アイコンの画像の取り込みは出来ています)

コピーして張り付ける作業だったら出来るのですが・・。
アドバイス頂けると幸いです。
mieさん | 2005/06/17 17:23
はじめまして。ほんとに素人すぎて、何度も挑戦してるんですが
その通り貼ってみたのですが反映されておらず、こちょこちょしてるうち
わからなくなってしみました。[:はなみず:]デザインは2colorを使用しています。

kanonさん | 2005/06/18 11:22
はじめまして。ほんとに素人すぎて、何度も挑戦してるんですが
その通り貼ってみたのですが反映されておらず、こちょこちょしてるうち
わからなくなってしみました。[:はなみず:]デザインは2colorを使用しています。

kanonさん | 2005/06/18 11:48
はじめまして。ほんとに素人すぎて、何度も挑戦してるんですが
その通り貼ってみたのですが反映されておらず、こちょこちょしてるうち
わからなくなってしみました。[:はなみず:]デザインは2colorを使用しています。

kanonさん | 2005/06/18 13:52
初めまして。ヤプログの絵文字入力支援を使用しています[:ハハ:]
今回コメントにも設置したいと思ったんですが、
上に書いてある所からスクリプト本体を
見に行こうと思っても、ページを開く途中で
絶対フリーズしてしまうんです。。あせあせ
何度やっても途中で応答なしになってしまうんですが
これは私のPCか環境に何か問題が・・?

windowsXPを使用しています。

お助けお願いします[:泣き:][:ビックリ:]
amiさん | 2005/06/18 15:02
はじめまして。ほんとに素人すぎて、何度も挑戦してるんですが
その通り貼ってみたのですが反映されておらず、こちょこちょしてるうち
わからなくなってしみました。[:はなみず:]デザインは2colorを使用しています。

kanonさん | 2005/06/18 15:13
「和道」というテンプレートを使用しています。
(今デフォルトに戻しています)
「コメントを入力するテキストエリアを指定」は
var textarea='document.comment_area.description';
に変更、でいいでしょうか?
3)画像変換スクリプトの3つ(id属性・タグ名・class属性)
のがさがしだせず、このエントリのようにしてみてもだめでした。
お時間ありましたら、ご指導よろしくお願いします。
保田ルビさん | 2005/07/04 09:51
MTを設置中です。
エントリーの方で絵文字を使いたいのですが、スキル不足なようです[:イタタ:]
どのテンプレートの部分をいじれば表示されるのか、お時間のあるとき教えてください。
お願いします。
まこやんさん | 2005/09/26 19:13
コメントに絵文字入力出来るようになったのですが投稿記事のJUGEMの絵文字をコメント記事の絵文字で使えるようにする方法はないんでしょか[:ニコッ:]?
ぽっちゃり1号さん | 2005/11/03 15:34
>>ぽっちゃり1号さん
JUGEMの絵文字を使いたいなら、↓のまめさんの記事を見てくれれば解決すると思います。
どうでしょか?

まめの一言 | 【スクリプト】絵文字をコメントにも・正式版対応
http://www.mamesoft.com/blog/sb.cgi?eid=164
strollさん | 2005/11/04 11:12
はじめまして(o*。_。)oペコッ
いつも勉強させていただいてます。

コメントに絵文字!?
と思って先日半日かけてパソコンと悪戦苦闘いたしましたがどうもうまくいかず・・・。今日お昼ごろにこちらの「コメントにカスタマイズ絵文字入力機能。」のページに再度アクセスしたところ何度もIEが固まってしまうんです(・・;)私のパソコンがおかしいのかもしれないんですけど・・・。(-_-;ウーン

というわけでいまだにコメントに絵文字付かないままなんです(ノ_・、)
私はSEESAAを使っているのですが、詳しく教えていただけますでしょうか??(=TェT=)
さくら★さん | 2005/11/06 22:02
>>さくら★さん
>「コメントにカスタマイズ絵文字入力機能。」のページに再度アクセスしたところ何度もIEが固まってしまうんです
すいません。他のblogで公開されていたスクリプトを使用していたところ、
コメント数が多くなった場合にものすごい負荷となってしまっていたようで、
IEが固まってしまっていたようです[:はなみず:]

SEESAAは・・・アカウントを持っていないので詳しい説明、すぐにはちょっとできないです[:はなみず:]
具体的にどんな状態なのかが見れるURLを教えてくれればある程度の説明ができるかもしれません。
strollさん | 2005/11/08 22:32

早速のコメントありがとうございますm(。_。;))m ペコペコ…

>>具体的にどんな状態なのかが見れるURLを教えてくれればある程度の説明ができるかもしれません。

えっと、どこのURLがあればよいんでしょうか??(本当に超超超超超初心者ですみません(・・;))ちなみに上に書いたURLがコメントつけたいブログなんですが。。。
HTMLをのっければいいんでしょうか??(-ω-;)ウーン
さくら★さん | 2005/11/10 11:47
>>さくら★さん
んー。このスクリプトは、全部で大きく3つのスクリプトからできています。
 1)画像設定スクリプト
 2)画像リスト出力スクリプト
 3)画像変換スクリプト
まだ1)しか設置されていないようなので、再度説明を読んでいただいて、残りのスクリプトを追加していただけますか?
strollさん | 2005/11/10 22:48
たった今絵文字つけることが出来ました!
もう一度説明を読んでイロイロと試行錯誤してみてたんですが、どうもHTMLの編集ページが分かれてまして、そこを間違っていたようです[:イタタ:]

長々とご迷惑をおかけして申し訳ないです・・。
m(。_。;))m

アリガトウございました♪
これからも勉強させていただきます!!
さくら★さん | 2005/11/27 22:55
おはようございます。
strollさんの絵文字入力機能オモシロそうなので導入したいのですが、、、メッチャてこずってます[:泣き:]

ちょっとマイナーなブログソフトなんですが、
ネットサーフレスキューさんのブロキューというのを使っています。

http://www.rescue.ne.jp/cgi/blog/ (レスキューさん)

いろいろとイジれるソフトなんですが、絵文字も導入できませんかねー。

なんだか、テンプレートの方にtextareaが見当たらないんです[:泣き:]


http://www.abcoroti.com/~kiv/weblog/blog.cgi

こちらがわたしのブログなのですが、もしよろしければアドバイスなんぞを頂けないでしょうか〜[:はあと:]
すけみつさん | 2005/12/02 05:31

  Comment









  Trackback URL
 

  Trackback
Home  |  Selected Entries  |  Recent Comments  |  Recent Trackback  |  Categories  |  Archives  |  bbs