HTML 프레임셋 영역 크기 조정

Jmnote (토론 | 기여)님의 2013년 3월 15일 (금) 07:56 판 (→‎menu.php)

1 개요

HTML 프레임셋 영역 크기 조정

2 index.php

html
Copy
<!DOCTYPE html>
<meta charset="utf-8" />
<title>웹사이트 제목</title>
<frameset id='main_frameset' cols="200,*" noresize>
    <frame name="menu" id="menu" src="menu.php">
    <frame name="main" id="main" src="home.php">
</frameset>

3 menu.php

<input type='button' onclick='resize_toggle()' value='↔'>

<a href="home.php" target="main">HOME</a>

<a href="page1.php" target="main">1페이지</a>

<a href="page2.php" target="main">2페이지</a>

<script> function resize_toggle() {

       var obj = parent.document.getElementById('main_frameset');
       if(obj.cols == '50,*')obj.cols='180,*';
       else obj.cols='50,*';

} </script> </source>

4 main.php

html
Copy
메뉴

5 같이 보기