풀다운 메뉴는 프레임을 사용할 때 그 효율이 배가 된다. 프레임의 상단이나 왼편에 풀다운 메뉴를 사용하면 많은
양의 메뉴를 간단하게 하나의 메뉴바로 보여줄 수 있다.
미리보기에 사용된 방법은 다음과 같다.
프레임을 위20% , 아래 70%로 나누고 위에 풀다운메뉴를 삽입하였으며 위에서 선택한
문서가 아래에 나타나도록 하는 방법을 적용한다.
1. 프레임을 구성하는 문서를 작성한다.
<frameset rows="20%,*">
<frame name="top" src="top.html">
<frame
name="main" src="main.htm">
</frameset>
2. top.html문서의 예이다.
<HTML>
<HEAD><title>top.html</title>
<SCRIPT LANGUAGE="JavaScript">
function jumpto(form)
{
// 위의 프레임창이름과 일치시킨다.
var myindex=form.dest.selectedIndex
parent.main.location.href=(form.dest.options[myindex].value);
}
</SCRIPT>
</head>
<body>
<FORM NAME="myform">
<SELECT
NAME="dest" SIZE=1 onChange="jumpto(this.form)">
<OPTION SELECTED VALUE="script07_m.html">선택합시다
<OPTION VALUE="script01.html">Demo1
<OPTION VALUE="script02.html">DEmo2
</SELECT>
</FORM>
</body>
</HTML>
3. main.html은 자신이 원하는 내용을 적으면 된다.
|
|
|
|
