便利eelife Java Script

   戻る

文字と色の変更。
   文字入力   FontColor
 



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY onload="format()">
<FORM name="myform">   文字入力   FontColor<BR>
<INPUT size="20" type="text" name="txtbox" onblur="act()">  <SELECT name="ClrList" onchange="chgclr()">
<OPTION value="red" selected>Red</OPTION>
<OPTION value="blue">Blue</OPTION>
<OPTION value="green">Green</OPTION>
</SELECT></FORM>
<IFRAME src="frm.html" name="fm2"></IFRAME>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
// -------- HEAD ------------------------
function format(){
fm2.document.open('text/html');
fm2.document.write('<HTML><HEAD><TITLE>インラインフレーム</TITLE></HEAD>');
fm2.document.write("<BODY>");
fm2.document.write('<FORM name="myFORM">
<INPUT size="20" type="text" name="tbox" value="インラインフレームです"><BR>');
fm2.document.write("フォーカスを失ったとき"+"<BR>"+"コピーします。"+"</FORM>");
fm2.document.write("</body>");
fm2.document.write("</html>");
fm2.document.close();
}
//-----文字列の変更
function act(){
moz=document.myform.txtbox.value;
fm2.document.myFORM.tbox.value=moz;//インラインフレーム fm2 のテキストボックス tbox に文字を渡します

}
//-----色の変更
function chgclr(){
clr = document.myform.ClrList.selectedIndex; //selectのindexを取得
clr = document.myform.ClrList.options[clr].text;
fm2.document.myFORM.tbox.style.color=clr;//インラインフレーム fm2 のテキストボックス tbox に色を渡します
}

// -->
</SCRIPT>
コメント
onblur : フォーカスを失った時起こるイベントです。

name="fm2" : インラインフレームに名前をつけて メインフレームから制御します。