"HTML 프레임셋 영역 크기 조정"의 두 판 사이의 차이

2015년 7월 15일 (수) 01:05 기준 최신판

1 개요[ | ]

HTML frameset 영역 크기 조정
HTML 프레임셋 영역 크기 조정

HTML 메뉴 프레임 구조의 변형판
버튼으로 메뉴 영역의 너비를 조정한다(토글)
단, 수동으로 메뉴 영역의 너비를 조정한 경우에는 자바스크립트에서 제어할 수 없게 되므로 NORESIZE 옵션을 줘야 함
예제: http://zetawiki.com/ex/js/menuframe2/index.php

2 index.php[ | ]

<!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>

→ frameset에 noresize가 추가되었다.

3 menu.php[ | ]

<input type='button' onclick='resize_toggle()' value='↔'>
<div style='width:160px'>
<p><a href="home.php" target="main">HOME</a></p>
<p><a href="page1.php" target="main">1페이지</a></p>
<p><a href="page2.php" target="main">2페이지</a></p>
</div>
<script>
function resize_toggle() {
        var obj = parent.document.getElementById('main_frameset');
        if(obj.cols == '50,*')obj.cols='180,*';
        else obj.cols='50,*';
}
</script>

4 home.php[ | ]

<!DOCTYPE html>
<meta charset="utf-8" />
홈

5 같이 보기[ | ]

@@ 1번째 줄: / 1번째 줄: @@
 ==개요==
+;HTML frameset 영역 크기 조정
 ;HTML 프레임셋 영역 크기 조정
 *[[HTML 메뉴 프레임 구조]]의 변형판
 *버튼으로 메뉴 영역의 너비를 조정한다(토글)
-*단 수동으로 메뉴 영역의 너비를 조정한 후에는 자바스크립트에서 제어할 수 없게 되기 때문에 NORESIZE 옵션을 준다.
+*단, 수동으로 메뉴 영역의 너비를 조정한 경우에는 자바스크립트에서 제어할 수 없게 되므로 NORESIZE 옵션을 줘야 함
-*예제: http://jmnote.com/js/menuframe2/index.php
+*예제: http://zetawiki.com/ex/js/menuframe2/index.php
 ==index.php==
@@ 43번째 줄: / 44번째 줄: @@
 ==같이 보기==
-*[[HTML 메뉴 프레임 구조]]
+*[[HTML frameset, frame 태그]]
+*[[HTML 프레임 메뉴 구조]]
 *[[jQuery 플러그인 UI Layout 프레임]]
 [[분류: HTML]]
 [[분류: frame]]