便利eelife Java Script

   戻る

テキストボックスの幅が変わります。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY onload="Loopmsg()">
<P>テキストボックスの幅が変わります。</P>
<FORM name="myForm"><INPUT name="tbox" type="text"></FORM>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
var i = 0;
msg = new Array();

msg[0] = " ようこそ!!";
msg[1] = " 検索と厳選リンク集のサイトです。";
msg[2] = " 一つの検索窓でたくさんの";
msg[3] = " サイトの検索を行うことができます。";
msg[4]= " 色に関することはColor Roomで";
msg[5]= " 色や文字に関連するJavaScript集もあります。。。。";
function Loopmsg() {
moji=msg[i].length;         // 文字数
document.myForm.tbox.value = msg[i]; //メッセ-ジの代入
document.myForm.tbox.width = moji*12; //テキストボックスの幅
i++;
i%=msg.length; //msg.lengthは配列の数
setTimeout("Loopmsg()", 1000); //メッセージの変わる速度(単位は千分の一秒)
}

// -->
</SCRIPT>
コメント
document.myForm.tbox.width : テキストボックスの幅を指定します。
メッセ-ジの表示についてはこちら