以下のURLにあるような

インターフェースを、jQueryまたはPrototypeで作成したいと思ってます。
http://www.javadrive.jp/tutorial/jtextarea/index14.html

こういうことが出来る、jQueryまたは
Prototypeのライブラリみたいのをありますでしょうか?

javascriptのソースでも大歓迎です。
出来れば、サンプル頂けると、非常に助かります。

みなさん、よろしくおねがいします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2011/03/11 13:50:05
  • 終了:2011/03/17 15:34:36

回答(1件)

id:Galapagos No.1

Galapagos回答回数963ベストアンサー獲得回数892011/03/11 15:43:51

ポイント60pt

JavaScriptだけで実現できます。

下記のスクリプトをHTMLに保存して実行してみてください。

<html lang="ja">
<head>
<script type="text/javascript">
<!--
//追加ボタン
function exec_add() {
    var sour = document.getElementById('sour').value;
    sour = sour + document.getElementById('dest').value;
    document.getElementById('sour').innerText = sour;
}
//挿入ボタン
function exec_ins() {
    var sour = document.getElementById('sour').value;
    var items = sour.split("\n");
    var dest = '';
    for (i = 0; i < items.length; i++) {
    if (i == 1)  dest = dest + document.getElementById('dest').value + "\n";
        dest = dest + items[i];
    }
    document.getElementById('sour').innerText = dest;
}
-->
</script>
</head>
<form>
<p><textarea id="sour" rows="8" cols="20">
こんにちは。
いいお天気ですね。
ではまた。
</textarea></p>
<input type="text" id="dest" size="20" />
<input type="button" value="追加" onClick="exec_add()" />
<input type="button" value="挿入" onClick="exec_ins()" />
</form>
<body>
</body>
</html>
id:hopefully

ありがとうございます。

まさしくこんな感じのを探してました。

2011/03/17 15:34:23

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません