웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
자바스크립트로 두개 이상의 페이지 동시에 열기.
2003.06.08 17:31
다른 프레임에 페이지를 로드할때에는 target을 사용하는데, 자바스크립트에서는 일반적으로 링크를 클릭했을때 어떤 반응을 보이기 위해 사용된다.
그러나 하나의 링크를 이용하여 두 개 이상의 프레임에 원하는 페이지를 열려면 target 을 사용할 수 없다.
간단하게 다음과 같은 함수를 정의하고 링크를 클릭했을때 정의한 함수를 호출하면 두 개의 프레임에 새로운 페이지를 동시에 열 수 있다.
function loadtwo() {
parent.menu.location.href="menu2.htm";
parent.detail.location.href="detail.htm";
}
다음처럼 프레임자체를 이용한 방법도 사용. 왼쪽 프레임이 첫번째 프레임이고 오른쪽 프레임이 두번째 프레임일때..(이건 적용후 나타나는걸 보고 조정)
function loadtwo() {
parent.frame[1].location.href="menu2.htm";
parent.frame[2].location.href="detail.htm";
}
(주의!)
위의 두번째 경우에는 반드시 [] 를 넣어야 됨.간혹 parent.frame1.loca...... 어쩌구 저쩌구.. 이렇게 설명된 문서가 있으나 그러면 죽을때 까지 해도 안됨.
그러나 하나의 링크를 이용하여 두 개 이상의 프레임에 원하는 페이지를 열려면 target 을 사용할 수 없다.
간단하게 다음과 같은 함수를 정의하고 링크를 클릭했을때 정의한 함수를 호출하면 두 개의 프레임에 새로운 페이지를 동시에 열 수 있다.
function loadtwo() {
parent.menu.location.href="menu2.htm";
parent.detail.location.href="detail.htm";
}
다음처럼 프레임자체를 이용한 방법도 사용. 왼쪽 프레임이 첫번째 프레임이고 오른쪽 프레임이 두번째 프레임일때..(이건 적용후 나타나는걸 보고 조정)
function loadtwo() {
parent.frame[1].location.href="menu2.htm";
parent.frame[2].location.href="detail.htm";
}
(주의!)
위의 두번째 경우에는 반드시 [] 를 넣어야 됨.간혹 parent.frame1.loca...... 어쩌구 저쩌구.. 이렇게 설명된 문서가 있으나 그러면 죽을때 까지 해도 안됨.
댓글 4
-
튀니
2003.06.08 21:01
-
이성헌
2003.06.11 15:00
아~ document 를 사용하면 [] 안 넣어도 되는가요?
몰랐네요.. 해보지는 않았지만.. -
정현중
2003.06.13 00:33
저의 경우 2개의 아이프레임을 사용해서 화면을 표시하였습니다.
이렇게 하니까 되지 않는거 같습니다.
2개의 아이프레임의 경우 하나의 링크로 동시에 변경이 불가능 한가요? -
앳플군
2003.06.14 23:02
window.open("url1", "menu");
window.open("url2", "detail");
제목 | 글쓴이 | 날짜 |
---|---|---|
퍼미션을 보기좋게 구하자! [4] | 플로렐라 | 2005.01.03 |
나만의 미니홈 만들기 ㅡ delete.php 파일 [2] | 예뜨락 | 2005.01.03 |
"를 그냥 사용하기 [3] | 추천대화상대 | 2005.01.02 |
IE 에서도 투명 알파값이 적용된 PNG 이미지를 맘껏 활용하자!
[8]
![]() | THE PAPER™ | 2004.12.27 |
나만의 미니홈 만들기 ㅡ메뉴에 게시판 연결
[5]
![]() | 예뜨락 | 2004.12.17 |
4. 쿼리문 [6] | 티다 | 2004.12.11 |
'참조'에 관한 간단한 예제 | 플로렐라 | 2004.12.09 |
개판 오분전 라인 그래프 [4] | 미친개 | 2004.12.01 |
실명 진위여부 확인 [10] | piasol | 2004.12.01 |
나만의 미니홈 만들기 ㅡ write.php 파일과 write_ok [5] | 예뜨락 | 2004.11.30 |
나만의 미니홈 만들기 ㅡ view.php 파일과 제목링크
[9]
![]() | 예뜨락 | 2004.11.27 |
나만의 미니홈 만들기 ㅡ list.php , 디비 테이블 생성
[6]
![]() | 예뜨락 | 2004.11.26 |
나만의 미니홈 만들기 ㅡ 게시판 list.php 파일의 모양새 [6] | 예뜨락 | 2004.11.23 |
나만의 미니홈 만들기 ㅡ 게시판의 디자인
![]() | 예뜨락 | 2004.11.22 |
나만의 미니홈 만들기 ㅡ 미니홈 생성 페이지
[3]
![]() | 예뜨락 | 2004.11.20 |
나만의 미니홈 만들기 ㅡ 기초적인 관리 페이지
[3]
![]() | 예뜨락 | 2004.11.20 |
나만의 미니홈 만들기 ㅡ 메인 기초 설계3 .레이아웃
[2]
![]() | 예뜨락 | 2004.11.19 |
나만의 미니홈 만들기 ㅡ 메인 기초 설계2 .레이아웃 | 예뜨락 | 2004.11.18 |
나만의 미니홈 만들기 ㅡ 메인 기초 설계 .home.php
[12]
![]() | 예뜨락 | 2004.11.17 |
나만의 미니홈 만들기 ㅡ 글쓰기에 앞서... [1] | 예뜨락 | 2004.11.17 |
parent.frame1.document.location = url1;
parent.frame2.document.location = url2;
}
<a href=# onclick="loadtwo('A.html', 'B.html');">튀니</a>