コメント欄に絵文字を (追加カスタマイズ)

まず、smiley javascriptを、Hitorigotoさんから、コピーさせていただきます。

<script type="text/javascript" language="javascript"> <!-- // MT Smileys http://mt-hacks.com/mt-smileys.html // Edited By Noel http://noe.lolipop.jp/ function emoticon (smiley) { var txtarea = document.comments_form.text; smiley = ' ' + smiley + ' '; if(navigator.appName.indexOf("Microsoft") > -1){ // If IE txtarea.focus(); if (!document.selection) return; var range = document.selection.createRange(); range.text=smiley; txtarea.focus(); // return false; }else{ // If other browser if (txtarea.createTextRange && txtarea.caretPos) { var caretPos = txtarea.caretPos; caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? smiley + ' ' : smiley; txtarea.focus(); } else { var length = txtarea.textLength; var start = txtarea.selectionStart; var end = txtarea.selectionEnd; var txtarea1 = txtarea.value.substring(0, start); var txtarea2 = txtarea.value.substr(end, length); txtarea.value = txtarea1 + smiley + txtarea2; txtarea.focus(); } } } //--> </script>

これで、IEでもFirefoxでも、カーソルの位置に絵文字が挿入できます。

そして、あゆみ::mamalog: コメント欄に絵文字の左右の空白気になりませんかを参考に、上記スクリプトをちょっと変更します。
(あゆみさん、またまたありがとうございます～～!!)

私もあゆみさんのように、最初はぴったり後ろはスペース派なので、

smiley = ' ' + smiley + ' ';

を

smiley = smiley + ' ';

に変更しました

以上で完了です ＾＾

TB MEMO
http://noe.lolipop.jp/mt/mt-tb.cgi/320
http://yui.nu/mt/mt-tb.cgi/1102