カテゴリー

月別過去記事

みるくぜりー内 検索
Loading

コメント欄に引用ボタンを設置する。

バグ修正も完了したと思われるので公開。

一応WindowsのIE5.5以上とFireFox0.8にて動作確認済み。
コピペミスやエラーがあればご報告ください♪
1.以下のスクリプトをHTMLテンプレートの任意の位置に埋め込み。
個人的にはHEADタグ内がお勧め。

<script type="text/javascript">
function setCom(str){
    if(!str)return;
    document.comform.description.value += "¥n"+  str + "¥n";
}
//引用文字を先頭につける
function setQuoteStr(str){
    strCom = ">"
    if(!str)return null;
    if(str=="")return null;
    str = strCom + str.replace(/¥n/g,"¥n" + strCom);
    return str;
}
//選択した文字列の取得
function getSel(){
    var d = document
    if(d.selection){
        return d.selection.createRange().text
    }else if(d.getSelection){
        return d.getSelection();
    }else if(window.getSelection){
        return window.getSelection();
    }else{
        alert("あなたのブラウザではこの機能は使えません。");
        return;
    }
}
</script>
//------------スクリプトココまで

2.コメント欄のFORMタグを修正。nameを追加する。
<form action="./?mode=comment" method="post" name="comform">

3.コメント欄の近くに以下のボタンを設置する。
<input type="button" value="選択範囲を引用" onclick="javascript:setCom(setQuoteStr(getSel()));">


コメント
こんにちわ。

コメント欄の引用ボタンのスクリプトお借りしました。

選択範囲を引用ボタンすごく便利だと思います〜。
どうもありがとうございました。
私がやると、
happy day for all
そんな、オールハッピーな一日になるよう、スタッフ一同これからも努めて参ります。>happy day for all
>そんな、オールハッピーな一日になるよう、スタッフ一同これからも努めて参ります。

て、なりますが、これであってるのかな
>て、なりますが、これであってるのかな
はい。あってます〜。
レス書くときに使うと便利な機能のはずなのです(笑)
>コメント欄に引用ボタンを設置する。

を活用させて頂きます。大変感謝です。m(._.)m
はじめまして。
引用ボタンのスプリクトお借りいたします。

これで引用が楽になります(笑)
ありがとうございましたペコリ(o_ _)o))
これは便利!使わせてもらいました。
ありがとうございます。
  • mizzo
  • 2004/07/09 2:06 AM
はじめまして…
おかげさまで、とても便利に、効率的になりました。
ひとつ教えていただきたいのですが
引用部分の色変更は、どうすればよいのでしょうか?
お時間のあるときにでも、よろしくお願いします。
さいもん さん>

>引用部分の色変更は、どうすればよいのでしょうか?
takkyunさんの、JUGEMカスタマイズ講座「コメントの引用行をわかりやすくする(http://nz.jugemers.net/log/eid40.html)」にありますよ(^^)
コメントありがとうございます。

To ◆メグ◆さん
補足ありがとうございますー。
しばらく不調が続いていたので該当記事を探せなくなってました(^-^;
これをスタイルシートのみで定義するってことできますかね。
  • しむ
  • 2005/01/27 11:21 PM
To しむさん
スタイルシートはあくまでも「見た目」を設定するモノですので
このような機能を追加するのは無理ですね・・・。
茅乃さん、こんばんは&初めまし!

友人から「コメント欄に引用ボタンを設置する」を聞いて、早速、装着させていただきました。

コメント欄が、掲示板化している(^^;)当ブログでは、とてもありがたい機能です。

livedoor Blog にもブログを持っていまして、そちらでも試したのですが、無理でした(ToT)

<form action="./?mode=comment" method="post" name="comform">
が、livedoor Blog では違うのかなぁ〜と思ったのですが、挫折しました(^^;)

今から記事にしてTBさせていただきます。
取り急ぎ、お礼まで。。。
ご報告ありがとうございます。

JUGEMとLivedoorでコメント投稿の『テキストエリア名』が違うのが原因で動かなかったようです。
幸いにもLivedoorのテキストエリアにはIDがついているようですので
以下を参考に変更してみてください。

◆変更する場所
setCom(str)の中にある
『document.comform.description.value += "¥n"+ str + "¥n";』
この部分を
『document.getElementById('text').value += "¥n"+ str + "¥n";』
に変更すると動くと思います。
茅乃さん、ありがとうございます!
出来ました!

感激です!動いたことでは、ありません。
ご丁寧にソースを教えてくださったことです。

下記ブログへ装着しました。

ブログ(ウェブログ)入門講座〜今日からブロガー
http://blog.o-ki.biz/

茅乃さんには、お恥ずかしいですが、初心者向けですので・・・(^^;)。
今後とも、よろしくお願いいたします。 m(_ _)m

oKi
無事動いてよかったです(^-^)v
oKiさんの記事でブロガーがどんどん増えるといいですね♪
がんばってください!
茅乃さん初めまして、Kotaと申します。

oKiさんにこちらを紹介しておきながら、自分のMovable Typeに実装することができずに悩んでいたところ、oKiさんから「茅乃さんが直に答えて下さった」と連絡を受け、早速やってみました。

自分はWindows XP で、IE6.のFirefox1.0を使っていますが、IE6, Firefox1.0, Netscape7.1 で動作確認できました。
(残念ながらOpera7.53ではうまくいかなかったんですが)

とにかく私もコメントを引用することが多いので、このカスタマイズは本当に助かります。

本当にどうもありがとうございました。
  • Kota
  • 2005/02/11 9:44 PM
コメント&トラバありがとうございます♪
無事MTにも設置できたようでよかったです!

Operaの対応は何とかしたいのですが・・・
機種依存なScriptを使って実現しているのでなかなか難しいところです。
少し調べて解決策が見つかればまた追記しておきますね。
コメントのレスありがとうございます。
あ、機種依存のScrptだったんですか。

全然急ぎませんし、どうしても必要というわけでもありませんので(こう書くとOperaユーザーの方に失礼でしょうか?(^^;)、お時間ある時に試していただければ結構です。

このたびは本当にどうもありがとうございましたm(__)m
  • Kota
  • 2005/02/12 3:37 AM
始めまして!スクリプトお借りしました。
とても便利になって嬉しいです(^v^)
ありがとうございます♪
はじめまして♪
スクリプトを使わせてもらいました(o^∇^o)ノ
ホント便利なスクリプトばっかりですねー☆
管理者の承認待ちコメントです。
  • -
  • 2018/03/04 2:14 AM
コメントする








   
この記事のトラックバックURL
トラックバック
1週間前にデザイン変更したって言うのに また変えちゃいました(o^∇^o)ノ なんて優柔不断なんだろって我ながら思うけど。 この性格いい加減直したいですぅ…。 でもHTMLとかCSS弄るの楽しいからいいや♪ ちなみにこのテンプレはGAUCHO BlOGから頂いてきまし
  • Cloud Berry*
  • 2005/08/05 5:09 AM
stroll:blog さんのコメント入力欄に絵文字入力機能を追加するスクリプト を追加しました。 デフォルトの絵文字はカワイイけど主張が強すぎたので、どうにか変えられないかと探してたら・・・理想通りのやつが!! 絵文字は黒い彼女/KU/RO/I/KA/NO/JO/さんからです
  • Okinawaちむどんどん♪
  • 2005/07/28 5:32 PM
今日は休みだったので、さらにカスタマし倒しました(笑。 つか、本館についてるヤツで導入できるモノをつけただけなんデスが。 以下、簡単に参考元のリンクです。 (多すぎるので…) stroll::blogさんより ページなび、コメントにカスタマイズ絵文字入力機能
  • Nox Noctis 別館
  • 2005/06/02 11:46 PM
ブログ移行からカスタマイズづいてますが。みるくぜりーさんのコメント欄に引用ボタンを設置する。を参考に引用ボタンを設置しました。…といっても、引用するほどの記事は書けませんが(笑。そして種の起源さんの更...
  • Nox Noctis
  • 2005/04/21 12:08 AM
今回は、初のカスタマイズ編。当ブログのようにコメントが掲示板化(^^;)してくると、とても便利な機能です。 本日、実装しました『コメント欄に引用ボタン』。みるくぜりーの茅乃さんに教えていただきました。 人気blogランキング参加中!18位 DOWN!
  • ブログ(ウェブログ)入門講座〜今日からブロガー
  • 2005/02/12 2:40 AM
幸い多くの人がここに訪れて下さって、コメントもいろいろ残していって下さり、運営人...
  • Under The Red Sky
  • 2005/02/11 9:17 PM
ふもっふ(´ω`) poisonousさんです、こん××わぁ。 今日コメント欄に関するエントリー書いて、その際フと思い立ったのでコメント周りをイジってみました。 何をどうイジッタかは見てみてくらさい。 この記事はいじったよーな報告ってゆーより、ありが
  • おれてきぶろぐ。
  • 2004/07/27 8:54 PM
そろそろこのデザインにも飽きてきたしーと思い、ブログのレイアウトを変更することにしました。 使用していたcutoutというテンプレートをいろいろいじりまくっているうちに、どんどんエスカレートして、「最初の方がよかったやん!」ってなぐらい見るも無残なデザイン
  • ツレヅレ日記
  • 2004/05/30 3:28 PM
コメント欄、実は密かに自分でresetボタンをカスタマイズしてみてたのですが、 さらに便利な機能を追加しました。       コメントする際、範囲指定して、ボタンを押すだけでサイト内希望箇所が引用できる機能です。 ログイン画面表示のときにもおせわになり
  • がつふれ
  • 2004/05/12 9:23 PM
気になっていた所をなおせないのかなぁと思って、あれこれ調べる。気になっている点は、過去の記録へどうやってアクセスすればよいのか?表示される「続きを見る」の文字を返られないのか?なのだが・・・。 「ふろむにぅじぃ」のページで上の問題は全て解決しました。
  • ブログの名前はまだない
  • 2004/05/05 3:44 AM
まだ未完成なのですが、公開しておきます。 コメントの引用行(「>」や「>」で始まる行)を明示するスクリプトです。変換後のマークアップはあまり褒められたものではありませんので、気になる方は修正してください。なお、注釈文(「#」「#」や「//」で始まる行)
  • ふろむにぅじぃ
  • 2004/04/23 6:53 AM
koblogにも新しい機能を追加してみました。 Amazon.co.jpのアソシエイト・プログラム 右カラムにRECOMMEND追加。 Amazon.co.jpにlinkしてますので 僕の紹介したCDが見つけやすくなると思います。 そのまま買ってもらうと紹介料も出るみたいですが、 これはちっ
  • koblog <新コウカイ誌> 
  • 2004/04/11 3:03 PM
ホスティング型のカスタマイズは何かと制限される中、多くのカスタマイズがされてますが、コメント欄の入力支援カスタマイズにはまだ余地がありそうです。みるくゼリーさんでは最近コメント欄にも引用文を挿入する記事がありました。ここから派生して、QTFボタンもつく
  • 見聞録Blog
  • 2004/03/28 10:57 PM