묻고답하기
하나를 클릭하면 두 프레임이 동시에 바뀌는 것에 관한 질문입니다
2002.12.26 16:16
일단 프레임이 top , left , right 이렇게 세게로 나누어져있어요
top에 있는 이미지를 클릭하면 left , right 의 프레임을 동시에 바꿀려고 하는 거예요
자바스크립트에 강의가 있어서 읽고 해보려고 해도 알아들을 수가 없어서 여기 저기 돌아다니다가
그나마 조금 이해할수있는 글을 만났는데요...
그게 잘 안되네요
거기에 있는 소스가
[소스]
[미리보기]와 같이 구성하려면 4개의 html 문서가 필요합니다. (프레임 / top.htm / left.htm / right.htm)
[프레임]
<html>
<head>
<title>동시에 여러 프레임 변경시키기 예제</title>
</head>
<frameset rows="100,*" frameborder=0>
<frame src="top.htm" name=m1 scrolling="no" noresize>
<frameset cols="50%,*" rows="*" >
<frame src="left.htm" name=m2 scrolling="no" noresize>
<frame src="right.htm" name=m3 scrolling="no" noresize>
</frameset>
</frameset>
</html>
[top.htm] : 링크 있는 문서 (핵심이 되는 html 문서입니다.)
<html>
<head>
<title>top</title>
<script language="JavaScript">
<!--
function Change(p1,p2)
{
window.open(p1,"m2"); // m2 ,m3는 각각 연결하고자 하는 프레임의 이름
window.open(p2,"m3");
}
//-->
</script>
</head>
★☆★☆★☆★☆★☆★☆★☆★☆
<body>
top.htm (프레임 name : m1)
① <a href="javascript:Change('http://kr.yahoo.com','http://www.lycos.co.kr')">
여기를 누르면 왼쪽 프레임은 야후로 오른쪽 프레임은 라이코스로 연결됩니다.</a><br>
② <a href="javascript:Change('left.htm','right.htm')">
여기를 누르면 처음으로 돌아갑니다.</a>
</body>
</html>
★☆★☆★☆★☆★☆★☆★☆★☆
[left.htm]
<html>
<head>
<title>left</title>
</head>
<body>
left.htm (프레임 name : m2)
</body>
</html>
[right.htm]
<html>
<head>
<title>right</title>
</head>
<body>
right.htm (프레임 name : m3)
</body>
</html>
이 거였는 데요
음..
이것대로 하자면 오른쪽,왼쪽 타 홈페이지로 연결은 되는 데
제가 만든 문서로 연결을 시키면 그게 잘 안되는 거예요..
제가 바꾼것은 위에 별표사이에 있는 것중에 1번에 있는 야후 주소와 라이코스 주소를 문서이름.html 이런 식으로 바꾸어 주었는데요..
연결이 안되네요..
뭐가 잘못 된것인지..방법 좀 가르쳐 주세요..
다른 방법이 있다면 자세히 가르쳐 주세요..
답변부탁드립니다 ~~^^
top에 있는 이미지를 클릭하면 left , right 의 프레임을 동시에 바꿀려고 하는 거예요
자바스크립트에 강의가 있어서 읽고 해보려고 해도 알아들을 수가 없어서 여기 저기 돌아다니다가
그나마 조금 이해할수있는 글을 만났는데요...
그게 잘 안되네요
거기에 있는 소스가
[소스]
[미리보기]와 같이 구성하려면 4개의 html 문서가 필요합니다. (프레임 / top.htm / left.htm / right.htm)
[프레임]
<html>
<head>
<title>동시에 여러 프레임 변경시키기 예제</title>
</head>
<frameset rows="100,*" frameborder=0>
<frame src="top.htm" name=m1 scrolling="no" noresize>
<frameset cols="50%,*" rows="*" >
<frame src="left.htm" name=m2 scrolling="no" noresize>
<frame src="right.htm" name=m3 scrolling="no" noresize>
</frameset>
</frameset>
</html>
[top.htm] : 링크 있는 문서 (핵심이 되는 html 문서입니다.)
<html>
<head>
<title>top</title>
<script language="JavaScript">
<!--
function Change(p1,p2)
{
window.open(p1,"m2"); // m2 ,m3는 각각 연결하고자 하는 프레임의 이름
window.open(p2,"m3");
}
//-->
</script>
</head>
★☆★☆★☆★☆★☆★☆★☆★☆
<body>
top.htm (프레임 name : m1)
① <a href="javascript:Change('http://kr.yahoo.com','http://www.lycos.co.kr')">
여기를 누르면 왼쪽 프레임은 야후로 오른쪽 프레임은 라이코스로 연결됩니다.</a><br>
② <a href="javascript:Change('left.htm','right.htm')">
여기를 누르면 처음으로 돌아갑니다.</a>
</body>
</html>
★☆★☆★☆★☆★☆★☆★☆★☆
[left.htm]
<html>
<head>
<title>left</title>
</head>
<body>
left.htm (프레임 name : m2)
</body>
</html>
[right.htm]
<html>
<head>
<title>right</title>
</head>
<body>
right.htm (프레임 name : m3)
</body>
</html>
이 거였는 데요
음..
이것대로 하자면 오른쪽,왼쪽 타 홈페이지로 연결은 되는 데
제가 만든 문서로 연결을 시키면 그게 잘 안되는 거예요..
제가 바꾼것은 위에 별표사이에 있는 것중에 1번에 있는 야후 주소와 라이코스 주소를 문서이름.html 이런 식으로 바꾸어 주었는데요..
연결이 안되네요..
뭐가 잘못 된것인지..방법 좀 가르쳐 주세요..
다른 방법이 있다면 자세히 가르쳐 주세요..
답변부탁드립니다 ~~^^