웹마스터 팁
두군데 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
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| [PHP 동영상강의] 32. 자료의 정렬순서를 바꿔보자. [8] | 서기 | 2006.01.11 |
| [PHP 동영상강의] 31. DB에서 값을 가져와 출력하기 [15] | 서기 | 2006.01.05 |
| [PHP 동영상강의] 30. 테이블에 값을 추가해보자 [17] | 서기 | 2006.01.04 |
| [PHP 동영상강의] 29. 테이블을 만들어보자! [5] | 서기 | 2006.01.04 |
| [PHP 동영상강의] 28. SQL이란, phpmyadmin 설치방법 [5] | 서기 | 2006.01.03 |
| [PHP 동영상강의] 27. 기본적인 환경변수들 [4] | 서기 | 2006.01.03 |
| 채널을 가장 쉽게 하는법 [17] | 미오유 | 2006.01.02 |
| [PHP 동영상강의] 26. 쿠키의 시간제한 [2] | 서기 | 2005.12.26 |
| PHP 구문 5가지 표기 방식 [6] | 이강민 | 2005.12.23 |
| [PHP 동영상강의] 25. 회원가입처리 / 로그인 구현 [6] | 서기 | 2005.12.16 |
| [PHP 동영상강의] 24. 쿠키의 사용 [3] | 서기 | 2005.12.13 |
| [PHP 동영상강의] 23. 파일을 이용한 간단한 카운터 제작하기 [4] | 서기 | 2005.12.12 |
| [PHP 동영상강좌] 22. 다른 사이트의 특정부위만 가져오기 [7] | 서기 | 2005.12.08 |
| [PHP 동영상강좌] 21. 파일을 이용한 메모장 만들기 #3 [3] | 서기 | 2005.12.08 |
| [PHP 동영상강좌] 20. 파일을 이용한 메모장 만들기 #2 [6] | 서기 | 2005.12.07 |
| [PHP 동영상강의] 19. 파일을 이용한 메모장 만들기 #1 [10] | 서기 | 2005.11.29 |
| [PHP 동영상강의] 18. 파일의 생성과 사용 [9] | 서기 | 2005.11.28 |
| [PHP 동영상강좌] 17. 배열변수의 사용 [9] | 서기 | 2005.11.25 |
| [PHP 동영상강좌] 16. for 반복문의 사용 [8] | 서기 | 2005.11.24 |
| [PHP 동영상강좌] 15. 여러개의 파일을 이용한 설문조사 [7] | 서기 | 2005.11.23 |