홈으로 | 무료회원가입 | 아이디/비번찾기
추천음악방송
한 번의 링크 클릭으로 두 개의 페이지를 여는 방법 (프레임)
11년 전
하나의 페이지에 3개의 프레임이 있다고 가정해 보자. 제일 상단에 있는 프렘임엔 메뉴가 들어 있다. 그리고 그 하단엔 왼쪽 프레임, 오른쪽 프레임이 각각 있다.

설명을 쉽게 하기 위해 상단 프레임을 1, 왼쪽 프레임을 2, 오른쪽 프레임을 3으로 명명하겠다. 이해를 돕기 위해 "백과사전"을 생각해 보자.

1번 메뉴 프레임에서 "개미핥기"란 단어를 클릭하면 2번 왼쪽 프레임에는 "개미핥기"와 관련한 텍스트 설명을, 3번 오른쪽 프레임에는 "개미핥기"와 관련한 각종 사진을 보여주고 싶다고 하자.

이럴 경우 하나의 링크를 클릭하면 두 개의 페이지를 열 게 하는 기법이 사용될 수 있을 것이다. 방법은 다음과 같다.

<a href="설명페이지.html" target="2" onclick = "parent.frames(3).location = '사진페이지.html'">개미핥기</A>


즉, 2번 프레임에 설명페이지를 삽입해야 하므로 이 페이지는 <a href="">에서 지정한 URL을 열되 target="2"로 하여 2번 프레임에서 열리도록 해준다.

3번 프레임에는 각종 사진이 들어 있는 "사진페이지"를 열어줘야 하는데 이 경우 자바스크립트의 onclick 이벤트 핸들러를 이용한다.

자바스크립트에서 특정 프레임에 어떤 페이지를 로드하려면 parent.frames(프레임이름).location 객체를 이용한다.

이 방법을 사용하면 한 번의 클릭으로 두 개의 페이지를 동시에 열 수 있을 것이다.
추천추천 : 217 추천 목록
번호 제목
3,025
 윈도우10 시스템파일 손상 (초간단 오류 복구방법!!)
3,024
 PHP 파일 존재 여부 파악하기(로컬 파일 존재 및 원격지 파일 존재)
3,023
 [CSS] 박스 세로 가운데 중앙 정렬 6가지
3,022
 CSS Layout 수평 & 수직 정렬
3,021
 여러 도메인들 간 쿠키 공유하기
3,020
 태그 사이에 있는 텍스트를 추출
3,019
 [JQuery] textbox focus on off일때 숫자 콤마 보여주기
3,018
 쿠키 생성,가져오기,삭제
3,017
 사용자 함수 모음
3,016
 마우스,키보드 제한 ( 오른쪽클릭,드래그,영역선택등..)
3,015
 [HTML5] <video> - DOM으로 제어하기
3,014
 HTML5 video 태그에서 영상 좌우반전
3,013
 PHP - 특정 태그 및 문자열 추출, 제거
3,012
 [PHP] define과 defined의 차이
3,011
 우클릭 완벽차단 스크립트
3,010
 iframe 높이 100% 맞추기
3,009
 curl 함수를 이용한 HTTP REFERER 변경
3,008
 윈도우10 시스템 파일 및 Dism 검사
3,007
 텍스트 줄바꿈, 글자자르기 CSS
3,006
 jQuery Mobile에서 유용한 코드 10가지.
3,005
 [PHP] dirname()함수와 $_SERVER 관련 상수들
3,004
 [PHP] 파일 크기, 사이즈 불러오는 함수, filesize()
3,003
 [jQuery] jQuery Quick API
3,002
 [ transition ] 링크 hover 색상 변화 속도 조절
3,001
 PHP 5.3.0 에서 사라진 함수들 대체
목록
뮤직트로트 부산광역시 부산진구 가야동 ㅣ 개인정보취급방침
Copyright (C) musictrot All rights reserved.