ボタンをクリックして文字を置換する

解決済

質問者：hiroshinia
質問日時：2009/02/14 15:35
回答数：2件

<textarea name="areaA" rows="4" cols="40"></textarea><br>

<input type="button" onclick="...">

<textarea name="areaB" rows="4" cols="40"></textarea><br>

という風な２つのテキストエリアとボタンを使い、
テキストエリアに文字を書いてもらい、
ボタンを押すと任意の行を置換したいです。

たとえば
------------------
#あああああ
いいいいい
#ううううう
えええええ
------------------

というものを、ボタンを押すと先頭に#がついた行だけ置換して

------------------
＜部品１＞あああああ＜部品２＞
いいいいい
＜部品１＞ううううう＜部品２＞
えええええ
------------------

という風なscriptを組みたいのですが、正規表現等が苦手でまったくうまくいきません。
ご教授いただけないでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： _pipi_
回答日時：2009/02/15 19:12

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

<title>test</title>
<body>
<form name="obj">
<p>
<textarea id="textA" rows="10" cols="70">
#a
b
</textarea>
</p>
<p>
<input type="button" onClick="change2()" value="　変　換　">
</p>
<p>
<textarea id="textB" rows="10" cols="70">
</textarea>
</p>

</form>
<script type="text/javascript">
function change() {
var text = '';
var array = document.getElementById('textA').value.split('\r\n');
for (var i = 0; i < array.length; i++) {
if (array[i].match(/^#/)) {
text += "Sun" + array[i] + "Mon\r\n";
} else {
text += array[i];
}
}
document.getElementById('textB').value = text;
}
function change2() {
var s, str = '', count = 0;
var array = document.getElementById('textA').value.replace(/\r/g,'').split('\n');

while (s = array[count++]) str += (s.match(/^#/))? 'Sun' + s + 'Mon\n': s;
document.getElementById('textB').value = str;
}
</script>

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。
とても参考なしました。
以下のもので落ち着きました。

<script type="text/javascript"></script>

</head>

<body>

<form name="obj">

<p><textarea id="textA" rows="10" cols="70">
あああああ
#いいいいい
ううううう
# えええええ
おおおおお</textarea></p>

<p><input type="button" onClick="change()" value="　変　換　"></p>

<p><textarea id="textB" rows="20" cols="70"></textarea></p>

</form>
</body>

通報する

お礼日時：2009/02/17 22:52

No.1

回答者： KI401
回答日時：2009/02/14 15:41

正規表現が苦手なら、文字列に対するメソッドで乗り切りませう。

1. 取得したテキストを改行でsplit
2. 1の配列でforループ
3. それぞれ1文字目が"#"かどうか判定していく
4. "#"だった行については部品１、２を挿入するようにする

この回答への補足

下記のものを作ってみたのですが、エラーが出てうまくいきません。
間違っている箇所がわかりません。
教えていただけないでしょうか？

<head>
<title>変換</title>
<script language="JavaScript"></script>

</head>
<body>
<form name="obj">
<textarea name="textA" rows="10" cols="70"></textarea><br><br>

<input type="button" onClick="change()" value="　変　換　"><br><br>

<textarea name="textB" rows="10" cols="70"></textarea>
</form>
</body>