프레임을 나누어놓은 곳에서 한번의 클릭으로 각각의 프레임에 원하는 페이지를 연결해줄 수 있습니다.
소스도 아주 간단합니다.
다만 한가지 약점이라면 브라우저의 back버튼을 두번 눌러야만 원래의 페이지로 돌아간다는 것입니다.
제 홈페이지에도 이 소스를 사용하고 있습니다.
그럼 소스를 한번 보죠..
html 문서에 다음 스크립트를 추가합니다.
<SCRIPT language="JavaScript">
<!--
function go(left_FRURL, content_FRURL) {
parent.left_FR.location.href = left_FRURL;
parent.content_FR.location.href = content_FRURL;
}
//-->
</SCRIPT>
즉
function go(프레임이름01URL, 프레임이름02URL) {
parent.프레임이름01.location.href = 프레임이름01URL;
parent.프레임이름02.location.href = 프레임이름02URL;
}
입니다. 지금은 두개의 프레임만 제어하지만 2개이상도 제어할 수가 있죠..
그리고 연결을 해줄때는 <A href="javascript:go('left01.htm', 'content01.htm')">Company</A>
이렇게 해주시면 됩니다.
예를 들어보면 프레임이 3개고
임의로 프레임 이름을 menu,top,body 로 주었다고 가정할때
menu 프레임에서 하이퍼링크를 눌러 top 프레임에는 1.html 을
body 프레임에는 2.html 을 열고 싶으면
menu 프레임에 있는 웹문서에다가 다음 자바스크립트를 추가해 주고
<SCRIPT language="JavaScript">
<!--
function go(left_FRURL, content_FRURL) {
parent.top.location.href = left_FRURL;
parent.body.location.href = content_FRURL;
}
//-->
</SCRIPT>
하이퍼링크를 아래와 같이 만들면
<A href="javascript:go('1.htm', '2.htm')">두프레임문서바꾸기</A>
동시에 두 프레임 문서를 바꿀 수 있습니다.
플래시 자료 제작