WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:動的にテキストエリアのColsを変化させる方法

0:[投稿] takasi [2003/02/12 16:11 ][環境:IE5.5 windows2000]

IEとNNでテキストエリアの横幅(cols)を表示上同じにするために、
JavaScriptでブラウザー判別を行い、<textarea>のcolsを動的に設定するソースを作成したいのですが、どうもNNのときだけうまくいきません。以下にソースを記述したしますので、アドバイスお願いいたします。

<form name="GoA012">
<body>
<textarea name="Cmt" rows="2" cols=""></textarea>
</body>
<script language="JavaScript">
<!--
function test(){
              if(navigator.appName.charAt(0) == "N"){
          document.GoA012.Cmt.cols="10";
         }
         else{
          document.GoA012.Cmt.cols="30";
     }
     alert("ページの読み込みが完了しました");}
    window.onload = test;
    //-->
    </script>
</form>


1:[回答] Malic [2003/02/13 09:48 ]

<body>タグと<form>タグの入れ子の順番が変なのは別として。。
ネスケ7.0では動いてますが、4.xでは動きませんね。

スクリプトで属性値を変えるのでは無く、
テキストエリアのタグ全部を書き出してはどうですか?

function test(){
             if(navigator.appName.charAt(0) == "N"){
         document.writeln('<textarea name="Cmt" rows="2" cols="10"></textarea>
');
        }
        else{
         document.writeln('<textarea name="Cmt" rows="2" cols="10"></textarea> ');
     }


2:[回答] Malic [2003/02/13 09:49 ]

下の方 cols="30"
でした・・


3:[質問] takashi [2003/02/13 10:32 ]

Malicさん、ありがとうございました。たしかに、document.writelnを使用すればかけるのですが、ソースが長ったらしくなってしまうので、どうしてもColsの大きさだけ動的に扱いたかったのですが、NN4.7では無理なようですね。ちなみにJavaServletでブラウザー判別を行う方法をご存知の方いらっしゃいますか?


4:[回答] Malic [2003/02/13 13:09 ]

以下こちら
http://www.parkcity.ne.jp/~chaichan/qanda/qa3663.htm

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World