テキストエリアにメッセージを表示する
上のような窓を、テキストエリアといいます。
占いの結果等、多量のメッセージを表示させるのに使用します。
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<FORM name="myform"><TEXTAREA rows="3" cols="20" name="myarea"></TEXTAREA>
</BODY>
</HTML> |
テキストエリアに、いろいろなメッセージを表示させるには、ちょっとした準備が必要です。
上の赤字の部分のように、<FORM>タグと<TEXTAREA>タグ(テキストエリアの部分)に、name=""というように、それぞれ名前をつけておきます(この名前は好きな名前をつけて構いません)。このように、名前をつけておけば、
myform.myarea.value="メッセージ";
というスクリプトを実行させた時、「メッセージ」を表示させることができます。
下記に使用例(サンプル)を示します。
下記のスクリプトには、上記のスクリプトに緑字の部分を追加してあります。
「押す」というボタンを押した時に、テキストエリアに「メッセージを複数行にわたって表示しています!」と表示するようになっています。
<HTML>
<HEAD>
<TITLE></TITLE>
<script language="javascript">
<!--
function hyouji(){
myform.myarea.value="メッセージを複数行にわたって表示しています!";
}
//-->
</script>
</HEAD>
<BODY>
<FORM name="myform"><TEXTAREA rows="3" cols="20" name="myarea"></TEXTAREA><BR>
<BR>
<INPUT type="button" value="押す" onclick="hyouji()">
</FORM>
</BODY>
</HTML> |
(サンプル)
|