웹마스터 팁

  2. Support
  3. 웹마스터 팁

팝업창에서 부모창 링크 제어하기(노프레임 및 프레임 적용가능)

2002.06.17 22:54

양지다컴

안녕하세요 "양지다컴" 입니다;;
강좌는 처음 올려보는 듯 하네요. 머 강좌라는 거창한 이름을 달 것까진 없는 내용이지만;;
각설하고 본론으로 들어가겠습니다.

대개 대형사이트라든가 쇼핑몰처럼 어떤 "이벤트" 를 실시 하는 곳이 있죠.
현재 제가 작업중인 쇼핑몰에서도 이벤트를 실시한다고 해서 팝업창을 만들어 띄우기로
했습니다. 팝업창 내용으로는 간략하게 이벤트를 소개하며 이벤트상품이 존재하는 페이
지로 링크를 걸어야 했습니다. 여기저기 찾아보니(Copy & Paste를 위해서;;) 자료가 있
는 곳은 대개 유료사이트더군요....;; 차라리 이런기능을 쓴 웹사이트를 찾고자 했으나 그
것마저 잘 안나타나더군요......-.- 그래서 머리굴릴것도 아니고 걍 어거지로 만들어 봤는
데 잘되더군요....워낙 자바스크립에 대한 지식이 짧다보니....그래도 자바스크립 조금 아
는건 웹프로그래밍이나 웹디자인에 있어서 중요한 요소이리라 생각됩니다. 온클릭 이벤
트를 이용해봤습니당.


팝업창의 소스
<html>
<script>
functionGo(){
opener.parent.location='http://daum.net';
window.close();
}
</script>
<ahref="#" onClick='Go();'>바로가기</a>
</html>

요러케 코딩을 하고 링크를 누르면 부모창이 다음넷으로 연결되면서 팝업창은 닫힙니다.
만약 부모창이 프레임으로 나뉘어 있다면....

opener.parent.detail.location='http://daum.net';

요러케 바꾸면 됩니다. detail 은 프레임이름입니다.
예제로 보여드리고싶지만....강좌게시판에 링크거는게 여의치 않네요. 자바스크립강좌용
"파일박스" 기능이 추가되었음 좋겠네요;;

이상 팝업창에서 부모창 링크제어하기 팁이었습니다. 컬러가 좀 허졉하네요;;;;

이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
자바스크립트 이해하기...1 [13] file Eccen 2002.05.26
자바스크립트 이해하기...2 [1] file Eccen 2002.05.30
어설픈 링크방지[정확한 경로로 오세요] [5] 이성영 2002.05.30
마우스에 축구공 따라다니는 자바 스크립트.. [6] file MR.HMH 2002.05.30
서서히 이미지를 변경시켜주는 환상적인 룰오버효과 [7] ▩윤미 2002.05.31
자바스크립트 이해하기...3 [1] file Eccen 2002.06.05
플래쉬 효과나는 신비 메뉴 - -? *수정+카피라이터~ [17] ▩윤미 2002.06.09
부드럽게 스크롤바를 따라다니는..+_+ [6] 키르(絶對) 2002.06.13
원하는시간에 팝업창을 띄우고 원하는 시간에 닫어뻐리는;; [2] 키르(絶對) 2002.06.13
[수정] 랜덤배경음악 + 폼버튼 [1] keymove 2002.06.13
랜덤메시지 + 흐르는 메세지 [4] keymove 2002.06.13
뭐 다 할줄아시겠지만 -_- absolute positioning [3] [º^^º]MISO 2002.06.13
웹상에서도 내맘데로 이미지 크기를 조절할 수 있다?? [9] ▩윤미 2002.06.13
클릭으로 배경이미지 변경 [4] keymove 2002.06.14
배경색과 글자색같이 변화시키기 keymove 2002.06.14
배경색과 글자색같이 변화시키기 2 keymove 2002.06.14
강추!! 요리조리 날라다니는 놈을 잡아랏...!! ;; [6] 키르(絶對) 2002.06.14
접속할때마다 바뀌는 제목표시줄 오토™ 2002.06.16
팝업창에서 부모창 링크 제어하기(노프레임 및 프레임 적용가능) [9] 양지다컴 2002.06.17
순수 자바스크립트로 작성된 계산기... [2] 용가리 2002.06.22
태그 쓰기