(새 문서: ==개요== ;HTML 프레임셋 영역 크기 조정 *HTML 메뉴 프레임 구조의 변형판 *버튼으로 메뉴 영역의 너비를 조정한다(토글) *단 수동으로 메...) |
(→개요) |
||
4번째 줄: | 4번째 줄: | ||
*버튼으로 메뉴 영역의 너비를 조정한다(토글) | *버튼으로 메뉴 영역의 너비를 조정한다(토글) | ||
*단 수동으로 메뉴 영역의 너비를 조정한 후에는 자바스크립트에서 제어할 수 없게 되기 때문에 NORESIZE 옵션을 준다. | *단 수동으로 메뉴 영역의 너비를 조정한 후에는 자바스크립트에서 제어할 수 없게 되기 때문에 NORESIZE 옵션을 준다. | ||
*예제: http://jmnote.com/js/menuframe2/index.php | |||
==index.php== | ==index.php== |
2013년 3월 15일 (금) 07:53 판
1 개요
- HTML 프레임셋 영역 크기 조정
- HTML 메뉴 프레임 구조의 변형판
- 버튼으로 메뉴 영역의 너비를 조정한다(토글)
- 단 수동으로 메뉴 영역의 너비를 조정한 후에는 자바스크립트에서 제어할 수 없게 되기 때문에 NORESIZE 옵션을 준다.
- 예제: http://jmnote.com/js/menuframe2/index.php
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>
html
Copy
<input type='button' onclick='resize_toggle()' value='↔'>
<div style='width:160px'>
메뉴
</div>
<script>
function resize_toggle() {
var obj = parent.document.getElementById('obj');
if(obj.cols == '50,*')obj.cols='180,*';
else obj.cols='50,*';
}
</script>
4 main.php
html
Copy
메뉴
5 같이 보기
편집자 Jmnote Jmnote bot
로그인하시면 댓글을 쓸 수 있습니다.