FC2ブログ
パンヤをやっているであります。へたっぴぃでのろまなカエルであります。時間切れもたまにあるであります。
スポンサーサイト
--年--月--日 (--) | 編集 |
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
コメントプレビューを使おう
2009年01月24日 (土) | 編集 |
コメントのプレビュー機能を付けたいと思い、先人のお知恵を拝借(気まずい)

【参考記事】
るんばば」さん:コメントにプレビューの機能をつけたい!
こそっとゴルフ・パンヤ」さん:コメントにプレビュー機能を付けてみるコメントプレビュー機能追加について
FCafe」さん:コメントのプレビュー
stroll::blog」さん:コメントをプレビュー表示コメントプレビューを必要なときだけ実行するには?
感謝(ぺこ)感謝(ぺこ)

1.「プレビュー位置」の設定
まず、「パンヤ絵文字を使おう」の「4.「パンヤ絵文字のコメント・画像リスト出力スクリプト」の設置」で、スクリプトを追加した textarea を探します。2カ所ね(ういんく)
今回はσ( ̄。 ̄) オイラのスクリプトを例に、
<textarea id="comment" cols="88" rows="10" name="comment[body]" tabindex="4"></textarea>

<textarea なんたらかんたら> の > の前に、↓の赤字の文字を追加します。

<textarea id="comment" cols="88" rows="10" name="comment[body]" tabindex="4" onkeyup="doCommentPreview()" onblur="doCommentPreview()"></textarea>

次は、前回挿入した「パンヤ絵文字のコメント・画像リスト出力スクリプト」呼び出し設定の下に、↓の赤字の文字を追加します。
<div style="color:red;">パンヤ絵文字入力の際、全角括弧”(にこ)など”で入力してもOKです。</div>
<!-- パンヤ絵文字のコメント・画像リスト出力スクリプト -->
<script type="text/javascript" src="http://blog-imgs-32.fc2.com/h/i/r/hiropkero
/pangya_emoji_comment_edit_gazou.js"></script>
<br />
<label for="comment_preview">プレビュー:</label>
<p><div id="comment_preview">ここにコメントのプレビューが表示されます</div></p>

</dd>

できたかな?
2カ所だよ忘れないでね~(いかり)

2.「パンヤ絵文字のコメントプレビュースクリプト」の設置
↓の「パンヤ絵文字のコメントプレビュースクリプト」をダウンロードして、自分の処へアップロードする。
(でんち)pangya_emoji_comment_preview.js

コメントのプレビュー表示されるように <!--/comment_area--> と <!--/edit_area--> のすぐ下にコメントプレビュースクリプトの呼び出し設定を入れます。

<!--/comment_area-->

<!-- パンヤ絵文字のコメントプレビュースクリプト -->
<script type="text/javascript" src="http://blog-imgs-32.fc2.com/h/i/r/hiropkero
/pangya_emoji_comment_preview.js"></script>


<!--/edit_area-->

<!-- パンヤ絵文字のコメントプレビュースクリプト -->
<script type="text/javascript" src="http://blog-imgs-32.fc2.com/h/i/r/hiropkero
/pangya_emoji_comment_preview.js"></script>


水色太字のところは自分のところに変えてね
σ( ̄。 ̄) オイラのところを呼び出しても動くと思います(気まずい)


スポンサーサイト
コメント
この記事へのコメント
かぐやさんのところから、じゃんぷしてきました。
プレビュー機能いいですね。(ん)
さっそく使わせて頂きますね。ありがとう(ぺこ)
2009/01/24(Sat) 23:54 | URL  | あっちんだよ #8wrGqbrM[ 編集]
ヽ(*⌒∇^)ノヤッホーイ♪
早速、プレビュー設置しましたよぉ(わら)
今回は前回より簡単だったかも(ういんく)
さすがけろにゃん!!
GJです(ぐっど)
2009/01/25(Sun) 01:47 | URL  | (あくま)鬼さん #-[ 編集]
む・・(まじ)
なんだろこれわ?
とにかくやってみよう。。(にや)
2009/01/25(Sun) 10:08 | URL  | にゃんぶっぶ #6PMigWls[ 編集]
呪文のようだ(((・∀・)))プルプル
ダニーの設置はいつになるやら(だめだ)
卒論はやく終わらせてゆっくりやりたいじぇ~♪
2009/01/25(Sun) 11:31 | URL  | 黒猫ダニエル #-[ 編集]
反転をとなりに表示するように、順番を変えてみました(ぺこ)
どうでしょう?(ぐらさん)(@ぐらさん)

「パンヤ絵文字のコメント・画像設定スクリプト」のpangya_emoji_settei.jsを呼び出しているところ、
pangya_emoji_settei2.js
http://blog-imgs-32.fc2.com/h/i/r/hiropkero/pangya_emoji_settei2.js
にすると、変わります。
2009/01/25(Sun) 12:48 | URL  | ひろぴーけろ #GpEwlVdw[ 編集]
あっちんだよさんへ
ぉぉ~、かぐやさんところからとは(びっくり)

どうぞどうぞ(にこ)
私も先人の知恵をお借りしているので(気まずい)

いろんな繋がりがあるんだなぁ(にこ)
2009/01/25(Sun) 13:59 | URL  | ひろぴーけろ #GpEwlVdw[ 編集]
(あくま)鬼さんへ
今回は、場所間違えなければカンタンでしょ(ん)

元ネタのところでは、プレビュー機能のオン/オフやっているんですが、なぜか上手く行かないので、とりあえず止めました(気まずい)

全てのアイコンがずらずら並ぶと、(かず)が多くなると見づらいので、グループ分けして出すとかを検討中(ぐらさん)
(あくま)鬼さんのように、どんどんアイコン追加すると大変だからね(ひょえ)
2009/01/25(Sun) 14:06 | URL  | ひろぴーけろ #GpEwlVdw[ 編集]
にゃんさんへ
設置できたようですね(爆竹)

今回のスクリプトは、自サーバにアップされたんですね(ん)
☆σ( ̄。 ̄) オイラがそうしろって書いてあるからか(ひょえ)

にゃんさんのテンプレートは、コメント入力のところが、自動折り返しにならないので、、、どうしたものか。。。CSSも直すの大変だから、「パンヤ絵文字のコメント・画像リスト出力スクリプト」は強制で12個で折り返すように、にゃんさん用にカスタマイズしたんだけどね。。。
↑こんな感じに改行せずにずらずら書くと、横の方に伸びてしまうんですよね(しょぼ)

ちょっと考えてみますね^^;
2009/01/25(Sun) 14:14 | URL  | ひろぴーけろ #GpEwlVdw[ 編集]
ダニーへ
卒論がんば~(うる)

設定手伝ってあげるからね~(ういんく)
2009/01/25(Sun) 14:32 | URL  | ひろぴーけろ #GpEwlVdw[ 編集]
ええぇ~そんな苦労があったとわ><;
ぜんぜん今ので満足してますよ~♪
また回避策見つかったら教えてください(にや)
2009/01/26(Mon) 12:28 | URL  | にゃんぶっぶ #6PMigWls[ 編集]
>にゃんさん
ぃゃ~そんなに苦労ではないです(ん)
そう言ってもらえると嬉しです(にこ)
そんなにだらだらコメント書く人は居ないと思うので、あまり困らないかと思いますが(気まずい)
σ(@まじ)のほうが気にしすぎなのかもしれない(ひょえ)
A型なので(はず)
2009/01/26(Mon) 21:26 | URL  | ひろぴーけろ #GpEwlVdw[ 編集]
コメントを投稿










パンヤ絵文字入力の際、全角括弧”(にこ)など”で入力してもOKです。

ここにコメントのプレビューが表示されます

絵文字:




ひろぴーけろにだけ表示を許可

トラックバック
この記事のトラックバックURL
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。