(새 문서: ==개요== ;HTML 프레임셋 영역 크기 조정 *HTML 메뉴 프레임 구조의 변형판 *버튼으로 메뉴 영역의 너비를 조정한다(토글) *단 수동으로 메...) |
Jmnote bot (토론 | 기여) 잔글 (로봇: 자동으로 텍스트 교체 (-http://jmnote.com/js/ +http://zetawiki.com/ex/js/)) |
||
(다른 사용자 한 명의 중간 판 11개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
==개요== | ==개요== | ||
;HTML frameset 영역 크기 조정 | |||
;HTML 프레임셋 영역 크기 조정 | ;HTML 프레임셋 영역 크기 조정 | ||
*[[HTML 메뉴 프레임 구조]]의 변형판 | *[[HTML 메뉴 프레임 구조]]의 변형판 | ||
*버튼으로 메뉴 영역의 너비를 조정한다(토글) | *버튼으로 메뉴 영역의 너비를 조정한다(토글) | ||
*단 수동으로 메뉴 영역의 너비를 조정한 | *단, 수동으로 메뉴 영역의 너비를 조정한 경우에는 자바스크립트에서 제어할 수 없게 되므로 NORESIZE 옵션을 줘야 함 | ||
*예제: http://zetawiki.com/ex/js/menuframe2/index.php | |||
==index.php== | ==index.php== | ||
14번째 줄: | 16번째 줄: | ||
<frame name="main" id="main" src="home.php"> | <frame name="main" id="main" src="home.php"> | ||
</frameset> | </frameset> | ||
</source> | </source> | ||
:→ frameset에 noresize가 추가되었다. | |||
==menu.php== | ==menu.php== | ||
21번째 줄: | 23번째 줄: | ||
<input type='button' onclick='resize_toggle()' value='↔'> | <input type='button' onclick='resize_toggle()' value='↔'> | ||
<div style='width:160px'> | <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> | </div> | ||
<script> | <script> | ||
function resize_toggle() { | function resize_toggle() { | ||
var obj = parent.document.getElementById('main_frameset'); | |||
if(obj.cols == '50,*')obj.cols='180,*'; | |||
else obj.cols='50,*'; | |||
} | } | ||
</script> | </script> | ||
</source> | </source> | ||
== | ==home.php== | ||
<source lang='html5'> | <source lang='html5'> | ||
<!DOCTYPE html> | |||
<meta charset="utf-8" /> | |||
홈 | |||
</source> | </source> | ||
==같이 보기== | ==같이 보기== | ||
*[[HTML 메뉴 프레임 | *[[HTML frameset, frame 태그]] | ||
*[[HTML 프레임 메뉴 구조]] | |||
*[[jQuery 플러그인 UI Layout 프레임]] | |||
[[분류: HTML]] | [[분류: HTML]] | ||
[[분류: frame]] | [[분류: frame]] |
2015년 7월 15일 (수) 01:05 기준 최신판
1 개요[ | ]
- HTML frameset 영역 크기 조정
- HTML 프레임셋 영역 크기 조정
- HTML 메뉴 프레임 구조의 변형판
- 버튼으로 메뉴 영역의 너비를 조정한다(토글)
- 단, 수동으로 메뉴 영역의 너비를 조정한 경우에는 자바스크립트에서 제어할 수 없게 되므로 NORESIZE 옵션을 줘야 함
- 예제: http://zetawiki.com/ex/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>
- → frameset에 noresize가 추가되었다.
[ | ]
html
Copy
<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[ | ]
html
Copy
<!DOCTYPE html>
<meta charset="utf-8" />
홈