웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
두군데 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
제목 | 글쓴이 | 날짜 |
---|---|---|
MS홈에 쓰이는 오른쪽메뉴 툴바 [13] | Kortion | 2003.02.22 |
두군데 IFRAME 위치에 내용 동시출력하기-프레임에도 가능 [4] | 깜보 | 2003.02.22 |
슬라이딩 Layer ( 옆에 메뉴 보이시죠, 비슷꾸리한거 ) [8] | 이남두 | 2003.02.26 |
즐겨찾기 추가하기 [3] | 라엘 | 2003.03.01 |
자바스크립트로 쪼물딱 거리는 배경 이미지 [3] | 미친개 | 2003.03.02 |
허접하나마... 플래쉬와 동영상 받는 소스... [2] | 꽃ちゃん | 2003.03.04 |
다음 로그인 폼 입니다... 로그인후 원하는 곳으로!! [3] | 정성교 | 2003.03.05 |
자바스크립트로 만든 로또추첨기~ ^^ | 행복한고니 | 2003.03.05 |
주민등록번호를 받아 자동으로 폼에 생일, 성별 체크해주기 [4] | jugug | 2003.03.06 |
[re] 비밀번호 실시간(?) 확인 스크립트;;; 개인적으로 수정 [2] | 아이쿠 | 2003.03.15 |
비밀번호 실시간(?) 확인 스크립트;;; [11] | Zective | 2003.03.09 |
자바 스크립트 소스 올릴때 예제 쉽게 보이기 [2] | xcool | 2003.03.12 |
비밀번호 실시간 확인 스크립트 - 제로보드 응용버전 [2] | 세죠위그이 | 2003.03.14 |
그림을 생성시키는 듯한 효과의 스크립트 [5] | 미친개 | 2003.03.17 |
주민등록번호로 자동으로 생일, 성별체크 [3] | [포터]아렌티 | 2003.03.19 |
입력된 내용대로 출력하는 JS 소스코드 생성기 [1] | xcool | 2003.03.25 |
무료로 컵받침을 만들어주는 스크립트... -_-;; [18] | 행복한고니 | 2003.03.25 |
책갈피로 띄운 새창내용 바로가서 보기 | RedEye | 2003.03.27 |
[초보 강좌] 쉬운 사칙연산을 하여보자 첫번째 [3] | ZipShin | 2003.03.27 |
엔지오식 좌측이동메뉴 레이어 가운데기준정렬 [11] | 스티치 | 2003.03.29 |