웹마스터 팁
두군데 IFRAME 위치에 내용 동시출력하기-프레임에도 가능
2003.02.22 15:20
버튼을 클릭하면 두군데 아이프레임 위치에 동시에 내용을 출력하는 기능입니다.
이 기능은 꼭 아이프레임만 사용되는게 아니고 일반프레임에도 동일하게 적용이 가능하답니다.
아래의 내용을 적절하게 조절하세요.
■ 먼저 <HEAD> 부분에 넣을 내용입니다.
<SCRIPT LANGUAGE="JavaScript">
<!--
function loadFrames(frame1,page1,frame2,page2) {
eval("parent."+frame1+".location='"+page1+"'");
eval("parent."+frame2+".location='"+page2+"'");
}
// -->
</SCRIPT>
■ 이번에는 <BODY> 부분입니다.
사용법은 주석으로 처리가 되어져있으니 잘 읽어보세요.
<table width="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
<td><a href="javascript:loadFrames('FrameA', 'http://kr.yahoo.com', 'FrameB', 'http://www.daum.net')">야후코리아|다음</a>
<!--
loadFrames('FrameA', 'http://kr.yahoo.com', 'FrameB', 'http://www.daum.net')"
loadFrames('위쪽 프레임명', '위쪽 프레임에 열 문서', '아래쪽 프레임명', '아래쪽 프레임에 열 문서')"
-->
<a href="javascript:loadFrames('FrameA', 'http://www.dreamwiz.com', 'FrameB', 'http://www.hanmir.com')">드림위즈|한미르</a></td>
</tr>
<tr>
<td><iframe src=http://www.empas.co.kr width=100% height=150 name=FrameA frameborder=yes scrolling=auto></iframe></td>
</tr>
<tr>
<td><iframe src=http://www.naver.com width=100% height=150 name=FrameB frameborder=yes scrolling=auto></iframe></td>
</tr>
</table>
■ 활용예제
<html>
<head>
<title>두군데 IFRAME 공간에 동시에 내용 출력하기</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<SCRIPT LANGUAGE="JavaScript">
<!--
function loadFrames(frame1,page1,frame2,page2) {
eval("parent."+frame1+".location='"+page1+"'");
eval("parent."+frame2+".location='"+page2+"'");
}
// -->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
<td><a href="javascript:loadFrames('FrameA', 'http://kr.yahoo.com', 'FrameB', 'http://www.daum.net')">야후코리아|다음</a>
<!--
loadFrames('FrameA', 'http://kr.yahoo.com', 'FrameB', 'http://www.daum.net')"
loadFrames('위쪽 프레임명', '위쪽 프레임에 열 문서', '아래쪽 프레임명', '아래쪽 프레임에 열 문서')"
-->
<a href="javascript:loadFrames('FrameA', 'http://www.dreamwiz.com', 'FrameB', 'http://www.hanmir.com')">드림위즈|한미르</a></td>
</tr>
<tr>
<td><iframe src=http://www.empas.co.kr width=100% height=150 name=FrameA frameborder=yes scrolling=auto></iframe></td>
</tr>
<tr>
<td><iframe src=http://www.naver.com width=100% height=150 name=FrameB frameborder=yes scrolling=auto></iframe></td>
</tr>
</table>
</body>
</html>
< 출처 : http://web.ggambo.com >
이 기능은 꼭 아이프레임만 사용되는게 아니고 일반프레임에도 동일하게 적용이 가능하답니다.
아래의 내용을 적절하게 조절하세요.
■ 먼저 <HEAD> 부분에 넣을 내용입니다.
<SCRIPT LANGUAGE="JavaScript">
<!--
function loadFrames(frame1,page1,frame2,page2) {
eval("parent."+frame1+".location='"+page1+"'");
eval("parent."+frame2+".location='"+page2+"'");
}
// -->
</SCRIPT>
■ 이번에는 <BODY> 부분입니다.
사용법은 주석으로 처리가 되어져있으니 잘 읽어보세요.
<table width="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
<td><a href="javascript:loadFrames('FrameA', 'http://kr.yahoo.com', 'FrameB', 'http://www.daum.net')">야후코리아|다음</a>
<!--
loadFrames('FrameA', 'http://kr.yahoo.com', 'FrameB', 'http://www.daum.net')"
loadFrames('위쪽 프레임명', '위쪽 프레임에 열 문서', '아래쪽 프레임명', '아래쪽 프레임에 열 문서')"
-->
<a href="javascript:loadFrames('FrameA', 'http://www.dreamwiz.com', 'FrameB', 'http://www.hanmir.com')">드림위즈|한미르</a></td>
</tr>
<tr>
<td><iframe src=http://www.empas.co.kr width=100% height=150 name=FrameA frameborder=yes scrolling=auto></iframe></td>
</tr>
<tr>
<td><iframe src=http://www.naver.com width=100% height=150 name=FrameB frameborder=yes scrolling=auto></iframe></td>
</tr>
</table>
■ 활용예제
<html>
<head>
<title>두군데 IFRAME 공간에 동시에 내용 출력하기</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<SCRIPT LANGUAGE="JavaScript">
<!--
function loadFrames(frame1,page1,frame2,page2) {
eval("parent."+frame1+".location='"+page1+"'");
eval("parent."+frame2+".location='"+page2+"'");
}
// -->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
<td><a href="javascript:loadFrames('FrameA', 'http://kr.yahoo.com', 'FrameB', 'http://www.daum.net')">야후코리아|다음</a>
<!--
loadFrames('FrameA', 'http://kr.yahoo.com', 'FrameB', 'http://www.daum.net')"
loadFrames('위쪽 프레임명', '위쪽 프레임에 열 문서', '아래쪽 프레임명', '아래쪽 프레임에 열 문서')"
-->
<a href="javascript:loadFrames('FrameA', 'http://www.dreamwiz.com', 'FrameB', 'http://www.hanmir.com')">드림위즈|한미르</a></td>
</tr>
<tr>
<td><iframe src=http://www.empas.co.kr width=100% height=150 name=FrameA frameborder=yes scrolling=auto></iframe></td>
</tr>
<tr>
<td><iframe src=http://www.naver.com width=100% height=150 name=FrameB frameborder=yes scrolling=auto></iframe></td>
</tr>
</table>
</body>
</html>
< 출처 : http://web.ggambo.com >
댓글 4
-
탱자
2003.02.24 00:30
-
자드
2003.02.24 14:38
한 iframe에서 자기자신과 동시에 다른 iframe으로, 혹은 부모창으로 링크를 걸수는 없나요? -
청현
2003.03.04 22:20
탱자//타겟을 아이프레임의 name 인가 id 인가로 지정하면 그 아이프레임에 링크된 문서가 나오던데요;; [이거 물어보신거 아닌가요?] -
에지
2003.03.05 18:19
궂이 저런 복잡한 소스 필요 없구.. (복잡 안한가;;) window.open 쓰시면 돼요;
<script>
function DubbleF( url1, target1, url2, target2 ) {
window.open( url1, target1,'');
window.open( url2, target2,'');
}
</script>
이렇게 하시고 body에서는
<a href="javascript:DubbleF(첫번째프레임에뜰거,첫번째타겟,두번째프레임에뜰거,두번째타겟);">내용</a>
이렇게만 해주시믄 되요;
이거 문제있나-_-?
한군데의 iframe 에 링크를 걸고, 하나의 자바스크립트를 실행하고 싶으면, 어떤 소스를 써야 하죠?
그리고, 링크를 걸떄, 타켓 지정도 해야되는데, 제가 좀 헷갈려서.. 답변 주시면 정말.... 감사드릴꼐요.
검색은... 30분 정도 해봤습니다^^;;