人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

以下のURLにあるような
インターフェースを、jQueryまたはPrototypeで作成したいと思ってます。
http://www.javadrive.jp/tutorial/jtextarea/index14.html

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

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

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

●質問者: hopefully
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:JavaScript jQuery Prototype URL インターフェース
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Galapagos
●60ポイント

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>
◎質問者からの返答

ありがとうございます。

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ