入力したテキストエリアの内容をサブウィンドウに表示する


動作ブラウザ 【 IE:4.0   NN:6.0
Internet Explorer Netscape Navigator Firefox Opera iCab Safari
3.0x 4.0x 4.5 5.0x 5.5 6.0 2.0x 3.0x 4.0x 4.x 6.0 7.0 8.0 1.x 7.x 8.x 2.x 1.x 2.x
Windows × - × × × × × -
Macintosh × - - × × × × × - ×
UNIX - - - - - - × × × × × - - - -

ポイント txt = txt.replace(/\n/g,"<br>");
説  明 テキストエリアに入力された文字をサブウィンドウに表示するには、改行コードをbrタグに置換します。これは正規表現を使い、replace()メソッドを使って処理します。/\n/gとすることで文字列内の全ての改行コード(0x0d)が対象になります。replace()の2番目の引数(パラメータ)に置換する文字列を指定します。改行させるのでbrタグを指定します。
サンプル <html> <head> <title>入力したテキストエリアの内容をサブウィンドウに表示する</title> <script language="JavaScript"><!-- function dispSubWin(taObj) { txt = taObj.value; txt = txt.replace(/\n/g,"<br>"); sbWin = window.open("blank.html","checkWin","width=320,height=240"); sbWin.document.open(); sbWin.document.write(txt); sbWin.document.close(); } // --></script> </head> <body> <form> <textarea rows="5" name="aTEXT"></textarea><br> <input type="button" value="サブウィンドウに表示" onClick="dispSubWin(this.form.aTEXT)"> </form> </body> </html>
補足説明 もし、\nでうまく動作しない場合はページの改行コードに合わせてみてください。(\rまたは\n\r)

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!



写真素材 PIXTA