インターフェースを、jQueryまたはPrototypeで作成したいと思ってます。
http://www.javadrive.jp/tutorial/jtextarea/index14.html
こういうことが出来る、jQueryまたは
Prototypeのライブラリみたいのをありますでしょうか?
javascriptのソースでも大歓迎です。
出来れば、サンプル頂けると、非常に助かります。
みなさん、よろしくおねがいします。
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>
ありがとうございます。
まさしくこんな感じのを探してました。