Home> 産物: 2005年3月アーカイブ

産物: 2005年3月アーカイブ

コメントプレビュー機能追加

  • 2005年3月 5日 10:46
  • 産物

前々から 「あると便利」 と思っていたものの 1 つ.
これも既にいろんな人によって作成されているんだけども,なーんか こう,(例えばソースコード上の) 些細な点が気に食わないってだけで,自分で書き直してしまうんだよなぁ.たぶん,その他人のソースを見なければ,そんな気を起こすことなく そのまま流用して幸せになれるんだろうけど,今回の場合は いかんせん "スクリプト言語" だもんなぁ.


/*
    previewComment.js
        コメントプレビュー スクリプト
        (C) 2005 Yoshinori IIHOSHI.
        Created :       2005/03/05 (Sat)
        Last Modified : 2005/03/05 (Sat)
 */


function previewComment()
{
    var strInit = "ここにコメントのプレビューが表示されます。"
    var eDescription = document.getElementById("description");
    var ePreview     = document.getElementById("preview");
    if (!eDescription || !ePreview) {
        return false;
    }

    var strComment = eDescription.value;
    strComment = strComment.replace(/&/g,  "&");
    strComment = strComment.replace(/</g,  "&lt;");
    strComment = strComment.replace(/>/g,  "&gt;");
    strComment = strComment.replace(/\"/g, "&quot;");
    strComment = strComment.replace(/\n/g, "<br />");
    ePreview.innerHTML = (strComment != "") ? strComment : strInit;

    return true;
}

実際に使うには,プレビュー機能を付加したい HTML ドキュメント (当然 投稿フォームが存在するはず) を次のように編集する必要がある.

  • この JavaScript ファイルを指定する script 要素を追加する
  • (body 要素などの) onload 属性にこの関数を指定する
  • プレビューの対象に対応する要素 (ほとんどの場合 textarea 要素だろう) の id 属性の値を "description" とする
    また,この要素の onblur 属性にこの関数を指定する
  • プレビューを表示するための要素 (div 要素でも何でも) を追加し,その id 属性の値を "preview" とする
    また,この要素のスタイル (style 属性とか 外部 CSS + class 属性とか) を 投稿後に適用されるスタイルに合わせる

こーすると,コメントなどを投稿する前に 該当フォームからフォーカスを外せば,プレビューが表示されるというわけ.もちろん,「入力してはフォーカスを外し…」 を繰り返せば 何度も確認できる.

あー疲れた.ここまで詳細に書かなくても良かったよーな.「この Weblog のソース見ろ」+「実際にコメント投稿欄で試してみろ」 で済む話だし.

  • Comments (Close): 0
  • TrackBack (Close): 0

M3U Selector .NET v0.1

  • 2005年3月 5日 06:51
  • 産物

以前の投稿のままじゃマズいだろ,てことで記事編集・ファイル差し替え.ついでに名称も変更.でも未完成品であることに変わりなし.

selector01.zip (34.5KB)

動作確認は WinXP Home SP2 でしか行なっていないが,.NET Framework 1.1 がインストールされている環境なら正常に動くと思う.直接 Win32 API を使うようなことは多分していない.
製作期間は約 5 日..NET Framework + C# 万歳.
ReadMe.txt を追加したものの,肝心の 「使用方法」 について言及していない.ヘルプファイル完成・次期バージョン公開まで待たれよ.

以下,記事編集前の内容.

M3U Selector v0.1
Selector01.zip (32.2KB)
仮に置いてみる.要 .NET Framework v1.1.製作期間 約 5 日.マニュアル等なし.物好きな方は自己責任の下でどーぞ.

別に 未完成品を急いで up する必要は全くないけども.

  • Comments (Close): 2
  • TrackBack (Close): 0

Home> 産物: 2005年3月アーカイブ

カテゴリ
アーカイブ
購読
Powerd By

Return to page top