framesetのプロパティの一部
1987 ワード
<frameset cols="25%,*" framespacing="0" name=vbar frameborder="no" border="10" frameborder="1" bordercolor="#ECECEC">
<frame name="frame_down_left" noresize marginHeight=0 marginWidth=0 style="BORDER-RIGHT: #003366 3px solid; BORDER-TOP: #003366 1px solid;cursor: e-resize" scrolling=auto src="">
<frameset rows="55%,*" framespacing="0" name=hbar frameborder="no" border="10" frameborder="1" bordercolor="#ECECEC">
<frame name="frame_down_rightup" id="dm_handle" marginHeight=0 marginWidth=0 style="BORDER-RIGHT: #87AADE 0px solid; BORDER-TOP: #003366 1px solid;cursor: n-resize" scrolling=auto src=""/>
<frame name="frame_down_rightdown" id="dm_biz" marginHeight=0 marginWidth=0 style="BORDER-LEFT: #87AADE 0px solid; BORDER-TOP: #003366 3px solid;cursor: n-resize" scrolling=auto src="">
</frameset>
</frameset>
framesetは左右、上下表示スケールcols、rowsを設定し、cols=「25%、*」は左frame表示幅が25%、右が75%であることを示す.rows=「55%,*」は、上辺frame表示幅が55%、下辺が45%であることを示す.noresizeは比例が調整できないことを表す.noresizeアトリビュートを書かないで、デフォルトのスケールはマウスの上下または左右で調整できます.cursor:e-resize左右矢印;cursor:n-resize上下矢印.
以下にframeのイベントによってトリガーされ、全画面表示できる方法を書きます.
function frameResize(fObj){
if( fObj.id =="dm_handle"){
if(hbar.rows !="*,0")
hbar.rows ="*,0";
else
hbar.rows ="55%,*";
}
if( fObj.id =="dm_biz"){
if(hbar.rows !="0,*")
hbar.rows ="0,*";
else
hbar.rows ="55%,*";
}
}