<< 【カスタム】アーカイブの年別折り畳み 『日本語版』 | main | 【ちょいテク】ユーザやカテゴリに画像を >>
スポンサーサイト

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

| - | | - | - |
【カスタム?】絵文字をコメントにも・改
祝単一記事アクセス300超 記念!?
と言うわけではないのですがw、その300超の記事「絵文字をコメントにも」をスクリプトを使ってすっきりさせてみました。
これを使うと、2次利用が出来るので、コメントプレビューを作ってるstroll様がきっと楽に・・・(ぇ

すみません。他力本願です汗汗

7/26追記
正式版対応のコードを別記事で公開していますので、新規に機能を追加する場合はそちらを参照して下さい。
注記:1.2.は前と同じです。

1.</HEAD>の前に、以下の一文を追加
<script type="text/javascript" src="/admin/etc/admin.js"></script>

管理画面で使用しているスクリプトを追加しています。



2.コメントのformに赤字部分を追加
<form name="form1" action="./?mode=comment" method="post">

既に、nameが追加されているときは、form1に変更するか、今のままで下記3のform1をすべて変更するか・・・


3.<label for="description">comments:</label>の次に、以下のコードを追加。
<div class="text">
<img src="/admin/img/open.gif" width="97" height="19" onclick="inputTagShowHide('text1', 'inputag_button1')" title="絵文字入力ツール" id="inputag_button1" />

</div>
<div class="text" id="text1" style="display:none;">

<script language="javascript" type="text/javascript"><!--
var aEmoji = new Array(
  Array( '嬉しい', '/admin/img/emoji/a01.gif' )
  ,Array( '楽しい', '/admin/img/emoji/a02.gif' )
  ,Array( '悲しい', '/admin/img/emoji/a03.gif' )
  ,Array( '怒り', '/admin/img/emoji/a04.gif' )
  ,Array( 'びっくり', '/admin/img/emoji/a05.gif' )
  ,Array( 'ショック', '/admin/img/emoji/a06.gif' )
  ,Array( 'ときめき', '/admin/img/emoji/a07.gif' )
  ,Array( '冷や汗', '/admin/img/emoji/a08.gif' )
  ,Array( 'しょんぼり', '/admin/img/emoji/a09.gif' )
  ,Array( '懺悔', 'http://www.jugem.cc/stamp/zange.gif' )
  ,Array( '男', '/admin/img/emoji/a10.gif' )
  ,Array( '女', '/admin/img/emoji/a11.gif' )
  ,Array( 'イエイリ', 'http://www.jugem.cc/stamp/ieiri.gif' )
  ,Array( '拍手', '/admin/img/emoji/a12.gif' )
  ,Array( 'グッド', '/admin/img/emoji/a13.gif' )
  ,Array( 'バッド', '/admin/img/emoji/a14.gif' )
  ,Array( '聞き耳を立てる', '/admin/img/emoji/a15.gif' )
  ,Array( '見る', '/admin/img/emoji/a16.gif' )
  ,Array( '抱擁', '/admin/img/emoji/a17.gif' )
  ,Array( '晴れ', '/admin/img/emoji/b01.gif' )
  ,Array( '曇り', '/admin/img/emoji/b02.gif' )
  ,Array( '雨', '/admin/img/emoji/b03.gif' )
  ,Array( '雪', '/admin/img/emoji/b04.gif' )
  ,Array( '雷', '/admin/img/emoji/b05.gif' )
  ,Array( '強風', '/admin/img/emoji/b06.gif' )
  ,Array( '霧', '/admin/img/emoji/b07.gif' )
  ,Array( '月', '/admin/img/emoji/b08.gif' )
  ,Array( '電車', '/admin/img/emoji/c01.gif' )
  ,Array( '飛行機', '/admin/img/emoji/c02.gif' )
  ,Array( '車', '/admin/img/emoji/c03.gif' )
  ,Array( '自転車', '/admin/img/emoji/c04.gif' )
  ,Array( '船', '/admin/img/emoji/c05.gif' )
  ,Array( 'バス', '/admin/img/emoji/c06.gif' )
  ,Array( '学校', '/admin/img/emoji/d01.gif' )
  ,Array( '家', '/admin/img/emoji/d02.gif' )
  ,Array( 'ビル', '/admin/img/emoji/d03.gif' )
  ,Array( '病院', '/admin/img/emoji/d04.gif' )
  ,Array( '犬', '/admin/img/emoji/e01.gif' )
  ,Array( '猫', '/admin/img/emoji/e02.gif' )
  ,Array( '鳥', '/admin/img/emoji/e03.gif' )
  ,Array( '魚', '/admin/img/emoji/e04.gif' )
  ,Array( '馬', '/admin/img/emoji/e05.gif' )
  ,Array( '豚', '/admin/img/emoji/e06.gif' )
  ,Array( '赤ちゃん', '/admin/img/emoji/e07.gif' )
  ,Array( '子供', '/admin/img/emoji/e08.gif' )
  ,Array( 'おばけ', '/admin/img/emoji/e09.gif' )
  ,Array( '映画', '/admin/img/emoji/f01.gif' )
  ,Array( '食事', '/admin/img/emoji/f02.gif' )
  ,Array( '美容室', '/admin/img/emoji/f03.gif' )
  ,Array( '読書', '/admin/img/emoji/f04.gif' )
  ,Array( '温泉', '/admin/img/emoji/f05.gif' )
  ,Array( 'カラオケ', '/admin/img/emoji/f06.gif' )
  ,Array( 'サッカー', '/admin/img/emoji/g01.gif' )
  ,Array( 'サーフィン', '/admin/img/emoji/g02.gif' )
  ,Array( 'スキー', '/admin/img/emoji/g03.gif' )
  ,Array( 'ジョギング', '/admin/img/emoji/g04.gif' )
  ,Array( '水泳', '/admin/img/emoji/g05.gif' )
  ,Array( 'テニス', '/admin/img/emoji/g06.gif' )
  ,Array( 'ゴルフ', '/admin/img/emoji/g07.gif' )
  ,Array( '野球', '/admin/img/emoji/g08.gif' )
  ,Array( '携帯', '/admin/img/emoji/h01.gif' )
  ,Array( 'ビール', '/admin/img/emoji/h02.gif' )
  ,Array( '熱燗', '/admin/img/emoji/h03.gif' )
  ,Array( 'ホットコーヒー', '/admin/img/emoji/h04.gif' )
  ,Array( 'ソフトクリーム', '/admin/img/emoji/h05.gif' )
  ,Array( 'ラーメン', '/admin/img/emoji/h06.gif' )
  ,Array( 'おでん', '/admin/img/emoji/h07.gif' )
  ,Array( 'パン', '/admin/img/emoji/h08.gif' )
  ,Array( 'ハンバーガー', '/admin/img/emoji/h09.gif' )
  ,Array( '靴', '/admin/img/emoji/h10.gif' )
  ,Array( 'ペン', '/admin/img/emoji/h11.gif' )
  ,Array( 'メール', '/admin/img/emoji/h12.gif' )
  ,Array( 'PC', '/admin/img/emoji/h13.gif' )
  ,Array( 'テレビ', '/admin/img/emoji/h14.gif' )
  ,Array( '花', '/admin/img/emoji/h15.gif' )
  ,Array( '植物', '/admin/img/emoji/h16.gif' )
  ,Array( 'お金', '/admin/img/emoji/h17.gif' )
  ,Array( '工具', '/admin/img/emoji/h18.gif' )
  ,Array( '王冠', '/admin/img/emoji/h19.gif' )
  ,Array( 'おにぎり', '/admin/img/emoji/h20.gif' )
  ,Array( '時計', '/admin/img/emoji/h21.gif' )
  ,Array( 'ケーキ', '/admin/img/emoji/h22.gif' )
  ,Array( 'プレゼント', '/admin/img/emoji/h23.gif' )
  ,Array( 'ゲーム', '/admin/img/emoji/h24.gif' )
  ,Array( 'CD', '/admin/img/emoji/h25.gif' )
  ,Array( 'カメラ', '/admin/img/emoji/h26.gif' )
  ,Array( '銃', '/admin/img/emoji/h27.gif' )
  ,Array( '桜', '/admin/img/emoji/h28.gif' )
  ,Array( '!', '/admin/img/emoji/i01.gif' )
  ,Array( '?', '/admin/img/emoji/i02.gif' )
  ,Array( '!?', '/admin/img/emoji/i03.gif' )
  ,Array( 'ラブ', '/admin/img/emoji/i04.gif' )
  ,Array( '失恋', '/admin/img/emoji/i05.gif' )
  ,Array( 'OK', '/admin/img/emoji/i06.gif' )
  ,Array( 'マル秘', '/admin/img/emoji/i07.gif' )
  ,Array( '祝', '/admin/img/emoji/i08.gif' )
  ,Array( 'zzz', '/admin/img/emoji/i09.gif' )
  ,Array( '怒りマーク', '/admin/img/emoji/i10.gif' )
  ,Array( '汗', '/admin/img/emoji/i11.gif' )
  ,Array( 'スペード', '/admin/img/emoji/i12.gif' )
  ,Array( 'クローバー', '/admin/img/emoji/i13.gif' )
  ,Array( 'ハート', '/admin/img/emoji/i14.gif' )
  ,Array( 'ダイヤ', '/admin/img/emoji/i15.gif' )
);

for ( i in aEmoji ) {
  document.write( '<a href="javascript:;" onClick="addEmoji(document.form1.description,¥''
    + aEmoji[i][0] + '¥');" title="' + aEmoji[i][0] + '"><img src="'
    + aEmoji[i][1] + '" width="15" height="15"></a>¥n');
}
// -->
</script>
</div>

いじょっ!!

(これも同じだけど)ただ、テンプレートによっては画像の枠が出る場合がありますので、その場合は・・・
.text img{
border: none 0px #FFFFFF;
}
をCSSに追加して下さい。

[14:27 修正]一部コード誤りを修正
[7/26 修正]正式版向け修正箇所を青字にて表示(こちらの記事は古いままです)

*** 役に立ったと思われましたら、下の広告などをポチッと押してもらえると助かります汗 ***
| [Custmize]JUGEM | 12:13 | comments(10) | trackbacks(0) |
スポンサーサイト
| - | 12:13 | - | - |
コメント
まめさん、こんにちわ。
スッキリ美しかったので、早速変更させていただきましたm(__)m
あ、でも、ミスを1個発見見るしちゃったような・・・
,Array( '怒りマーク', ' src="/admin/img/emoji/i10.gif' )
の部分、「 src="」はいらないのではないかと・・・?
このままだと、怒りマークが表示されなくて、消したら表示されたので・・・ご報告まで
| yuki | 2004/07/08 2:11 PM |
yuki様
懺悔ご連絡ありがとうございました。はい。おっしゃるとおりです。
というか、自分のテンプレートは直してたのに、記事を直してませんでした冷や汗
さっそく、記事を直しました
| まめ | 2004/07/08 2:29 PM |
コメントプレビューですが、すでに自分のblogは絵文字対応済みだったりします(^^;
公開はしてないんですが。
置換処理が多くなっちゃって、コメント入力のレスポンスが悪くなっちゃってて。。
どうしようかなぁ〜。
| stroll | 2004/07/09 3:14 AM |
stroll様 ご来場ありがとうございます。
>すでに自分のblogは絵文字対応済みだったりします(^^;
これ書いてから見に行ったら対応してるの確認しました^^;
見る力業とはいえ、あのコード量はきついですよねぇ〜
あの変換方法(split&join)は目に鱗でしたφ(_._)メモメモ

>置換処理が多くなっちゃって、コメント入力のレスポンスが悪くなっちゃってて。。
絵文字も使う方にとっては多ければうれしいですけど、改造側にとってはつらいですねぇ〜
逐次反映よりボタンで確認でも良いかなぁ〜と個人的には思いますけど、一度逐次処理を知っちゃった人は・・・・汗
| まめ | 2004/07/09 10:53 AM |
はじめまして、shimiと申します。
いつもユーザー助け合い掲示板の方でまめさんのサポートを拝見させていただいております。
先日、ユーザー掲示板でJUGEMは初心者の方には無理だと言う発言もあり、敷居を高く感じておりました(汗)
blog歴一ヶ月ぐらいの私ですが、閲覧のみでも、すごく勉強になり助かっています。
ありがとうございます。

事後報告になりますが、「コメント欄にも絵文字を表示させる」スクリプトをお借り致します。
これからも、よろしくお願い致します。
| shimi | 2004/07/09 3:20 PM |
shimi様
私は、一時期ココログのユーザでしたが、色や文字の変更やメニュー位置、メニュー項目の表示・非表示や表示順、日付のフォーマットなども専用の設定画面が用意されており、JUGEMの用にCSSやHTMLの知識なんぞ全く必要ありませんでした。
そういうサイトと比較するとJUGEMが「カスタマイズをする場合」に敷居が高いのは確かだと思います。
ただ、だからといって、初心者がJUGEMのカスタマイズをやるべきではないとは思いません。
ただ、私の願いとしては、「教えて君」にだけはなって欲しくないのです。教えてもらったことをただ組み込むのではなくなぜそうなるのかをきちんと把握して自分の知識にして、次は自力で解決できるようになって欲しいと・・・・。
あ、スクリプトを理解しろとは言ってませんよ汗汗HTMLやCSSのことです。
スクリプトをがんがん理解されるとこっちの身が・・・(爆)
| まめ | 2004/07/09 10:12 PM |
こんにちは!「エントリーの日付を消す」と、「絵文字をコメントにも」
のスクリプト使わせてもらいました。
ありがとうございます。
後、ブログピープルにリンクしたのですけど、よかったのかな・・・
ダメな場合削除しますので><
これからもお世話になると思いますのでよろしくお願いいたします。
| めけ。 | 2004/07/11 5:42 PM |
めけ様
スクリプトが動作しているようで一安心です汗
>後、ブログピープルにリンクしたのですけど、よかったのかな・・・
>ダメな場合削除しますので><
いえいえ。問題ありません〜
うちもやっとBLOG Peopleを設定しました。
確認したら、うちのブログが10カ所で登録されていました^^;
| まめ | 2004/07/13 11:57 AM |
http://www.airmax90shoes.us.com/ nike air max 2017
http://www.curry4-shoes.us.com/ curry 3
http://www.salomonspeedcross3.us.com/ salomon speedcross 4
http://www.jordan11spacejams.us.com/ jordan 6
http://www.lebron15-shoes.us.com/ new lebrons
http://www.birkenstocksandalssale.us.com/ birkenstock
http://www.louboutinredbottoms.us.com/ red sole shoes
http://www.adidasnmdrunnerr1.us.com/ ultra boost uncaged
http://www.kyrie-4.us.com/ lebron james shoes
http://www.pandora-jewelrysale.us.com/ pandora bracelet
http://www.pumafentyrihannashoes.us.com/ puma fenty slippers
http://www.katespadepurses.us.com/ kate spade sale
http://www.kd10-shoes.us.com/ kd 9
http://www.adidasyeezy-350.us.com/ yeezy boost 350 v2
http://www.longchampbag.us.com/ longchamp le pliage
http://www.nikeairvapormaxflyknit.us.com/ vapormax
http://www.fitflopsshoes.us.com/ fitflops clearance
http://www.pandorajewelryrings.us.com/ pandora jewelry
http://www.hermesbirkin-handbags.us.com/ hermes handbags
http://www.adidas-ultraboost.us.com/ ultra boost black
http://www.jordans11shoes.us.com/ jordan 12
http://www.pandorajewelryscharms.us.com/ pandora rings
http://www.yeezyboost350shoes.us.com/ yeezy 350 v2
http://www.nikeairmax-90.us.com/ nike cortez
http://www.fitflops-sale.us.com/ fitflop sale
ドリフトliuyuzhen
| birkenstock sandals | 2018/03/02 3:00 AM |
http://www.adidasyeezy-350.us.com/ yeezy shoes
http://www.nikeairvapormaxflyknit.us.com/ nike air max 2016
http://www.curry4-shoes.us.com/ stephen curry shoes kids
http://www.pandorajewelryrings.us.com/ pandora charms
http://www.louboutinredbottoms.us.com/ red bottom heels
http://www.longchampbag.us.com/ longchamp bag
http://www.fitflopsshoes.us.com/ fitflop sale
http://www.fitflops-sale.us.com/ fit flops
http://www.nikeairmax-90.us.com/ nike air max 95
http://www.pandora-jewelrysale.us.com/ pandora charms
http://www.pumafentyrihannashoes.us.com/ puma slides
http://www.hermesbirkin-handbags.us.com/ hermes birkin
http://www.birkenstocksandalssale.us.com/ birkenstock shoes
http://www.kyrie-4.us.com/ kyrie 2
http://www.lebron15-shoes.us.com/ nike lebron men
http://www.adidasnmdrunnerr1.us.com/ yeezy boost 350 v2
http://www.yeezyboost350shoes.us.com/ adidas yeezy boost
http://www.jordans11shoes.us.com/ new jordans
http://www.airmax90shoes.us.com/ nike air max women
http://www.salomonspeedcross3.us.com/ salomon speedcross 4
http://www.katespadepurses.us.com/ kate spade bags
http://www.adidas-ultraboost.us.com/ ultra boost black
http://www.pandorajewelryscharms.us.com/ pandora bracelet
http://www.kd10-shoes.us.com/ kd shoes
http://www.jordan11spacejams.us.com/ new jordans
ドリフトliuyuzhen
| addidas nmd | 2018/05/14 1:30 PM |
コメントする









この記事のトラックバックURL
http://mamejiro.jugem.cc/trackback/95
トラックバック