| 두군데 IFRAME 위치에 내용 동시출력하기 - 프레임에도 가능 |
|
|
   홈페이지 |
19년 전 |
버튼을 클릭하면 두군데 아이프레임 위치에 동시에 내용을 출력하는 기능입니다.
이 기능은 꼭 아이프레임만 사용되는게 아니고 일반프레임에도 동일하게 적용이 가능하답니다.
아래의 내용을 적절하게 조절하세요.
■ 먼저 <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=".javascriptloadFrames('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=".javascriptloadFrames('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=".javascriptloadFrames('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=".javascriptloadFrames('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>
**************초간단버젼*********************
<script>
function DubbleF( url1, target1, url2, target2 ) {
window.open( url1, target1,'');
window.open( url2, target2,'');
}
</script>
이렇게 하시고 body에서는
<a href="javascript:DubbleF(첫번째프레임에뜰거,첫번째타겟,두번째프레임에뜰거,두번째타겟);">내용</a>
|
|
 추천 : 288 |
추천
목록
|
|
