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%,*";
    }
}