웹마스터 팁
두군데 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>
이렇게만 해주시믄 되요;
이거 문제있나-_-?
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
APM에서 XE 설치시 깨짐현상 발생될때...
 | 비밀M | 2013.05.14 |
| 파일박스 사용에 관하여 [2] | wooildang | 2013.04.26 |
| 이미지 리사이즈 적용이 안되는 경우 [4] | 아고라 | 2009.06.30 |
|
[수정] CSS, JS 파일 gzip로 한꺼번에 압축해서 전송하기
[20]
| SCAC | 2011.09.02 |
| 모바일에서 댓글 자동 펼치기 (스킨:스케치북5모바일) [2] | 준스타일 | 2013.05.03 |
| array 함수와 in_array함수 이용한 시간 체크 | 똑디 | 2013.05.03 |
|
상담용 게시판 - 확장 변수 이용
[4]
| 어라얼랑 | 2012.06.23 |
| XE를 위한 DEBUG 이야기 [3] | 우진홈 | 2013.04.30 |
| xe 속도 엄청 빨라집니다. [4] | 투투투쓰리 | 2013.03.12 |
| 최근게시물에 움직이는 GIF 불러오기 | SuP | 2013.04.25 |
| 개인서버나 호스팅운영하실분들 참고하세요 [6] | 데브위트™ | 2012.06.19 |
| 간단한 PHP 문법 [204] | zero | 2000.03.06 |
| XE 1.5.X , 1.7.X 용 nginx rewrite [4] | Root | 2013.03.24 |
| 메뉴에 새글 표시 모듈이 작동하지 않은 문제 해결 [2] | 샹하이 | 2013.04.15 |
|
meta_add 애드온 수정.(1.7.3 버전에 맞게..)
[4]
| 투씨 | 2013.04.01 |
| 메인화면에 플래시 쉽게 삽입하는 방법.. [12] | 청개구리00 | 2008.08.30 |
| 스팸공동대응 api 모듈 지우기 [1] | SCAC | 2012.08.12 |
| xe1.7.3.1 으로의 업데이트시 팝업모듈 오류 수정내역 [1] | 날마다좋은날 | 2013.04.12 |
| 제로보드 xe 게시판 가로 푹 줄이기 방법좀 알려주세요. [1] | 산업일꾼 | 2013.04.14 |
|
아이콘샵(v0.4) 관리자페이지 디자인수정파일(1.7.x 용)
| 카이네드 | 2013.04.13 |
한군데의 iframe 에 링크를 걸고, 하나의 자바스크립트를 실행하고 싶으면, 어떤 소스를 써야 하죠?
그리고, 링크를 걸떄, 타켓 지정도 해야되는데, 제가 좀 헷갈려서.. 답변 주시면 정말.... 감사드릴꼐요.
검색은... 30분 정도 해봤습니다^^;;