웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
ZipShin이 사용하는 한링크에 두프레임 움직이기..^^
2002.08.03 03:05
지금 새벽 2시 59분입니다. 방금 nzeo에 들렸다 갑니다.
그냥 구경만 하고 갈려고 했는데, 웹스터디의 질문과 답변 게시판에 한링크에 두프레임을 움직이게 할려면 어떻게 하나요? 라는 질문을 보고 답변을했습니다.
이것도 유용한 Tip이니 잘 사용하세요..^^ 제 홈페이지에서 사용하는 Tip입니다. http://church.cafe2.net 만들때 사용하던 Tip ^^
소스1)
<html>
<head>
<title>한링크에서 두프레임 조작하기</title>
<script language="javascript1.2">
<!--
function menu_link1() {
window.open('home_middle_menu.php','middle'); //여기에서 고쳐야할것이 있어요. window.open('문서주소','프레임이름')
}
</script>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="71" height="62">
<a href="javascript://" onclick="window.open('home_right_menu.htm','right');menu_link1();" onfocus="this.blur();">
<img src="img/top_at_home.jpg" width="71" height="62" alt="[첫페이지로..]"></a>
</td>
</tr>
</table>
</body>
</html>
보충설명 html의 <head>와 </head>태그 사이에 자바스크립트가 있습니다.
여기서 고쳐야 합니다. window.open('문서를 연결할 파일명 또는 주소','frameset태그로 나뉠때 넘기고자 하는 frame이름값'); 을 사용하면 되요..^^
직접 해보는게 좋을것이고 반드시 html문서안에 frameset태그가 만들어있어야 합니다.
소스2)
* 첨부: frameset 태그를 첨부해요 <가져온곳 zipshin의 홈페이지에서..^^>
<!--
이지성: ljsgood1004@hanmail.net 가 만들었습니다.
-->
<html>
<head>
<title>염포교회 중고등부- sarangheyo@canmail.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<link rel="SHORT CUT ICON" href="">
<frameset rows="13%,*" frameborder="0" border="0" framespacing="0" framecolor="#000000">
<frame src="top_menu.htm" name="top" scrolling="auto">
<frameset cols="17%,*" frameborder="0" border="0" framespacing="0" framecolor="#000000">
<frame src="home_left_menu.php" name="left" scrolling="auto">
<frameset cols="*,18%" frameborder="0" border="0" framespacing="0" framecolor="#000000">
<frame src="home_middle_menu.php" name="middle" scrolling="auto">
<frame src="home_right_menu.htm" name="right" scrolling="no" noresize>
</frameset>
</frameset>
</frameset>
</head>
<noframes>
<body>
<p>이 페이지를 볼려면, 프레임을 볼수있는 브라우저가 필요합니다.</p>
</body>
</noframes>
</html>
<!--프레임을 픽셀로 하면
<frameset rows="73,*" frameborder="0" border="0" marginwidth="0" marginheight="0">
<frame src="top_menu.htm" name="top" scrolling="auto">
<frameset cols="170,*" frameborder="0" border="0" marginwidth="0" marginheight="0">
<frame src="home_left_menu.htm" name="left" scrolling="auto">
<frameset cols="*,160" frameborder="0" border="0" marginwidth="0" marginheight="0">
<frame src="home_middle_menu.htm" name="middle" scrolling="auto">
<frame src="home_right_menu.htm" name="right" scrolling="no" noresize>
</frameset>
</frameset>
</frameset>
와 같습니다.-->
그냥 구경만 하고 갈려고 했는데, 웹스터디의 질문과 답변 게시판에 한링크에 두프레임을 움직이게 할려면 어떻게 하나요? 라는 질문을 보고 답변을했습니다.
이것도 유용한 Tip이니 잘 사용하세요..^^ 제 홈페이지에서 사용하는 Tip입니다. http://church.cafe2.net 만들때 사용하던 Tip ^^
소스1)
<html>
<head>
<title>한링크에서 두프레임 조작하기</title>
<script language="javascript1.2">
<!--
function menu_link1() {
window.open('home_middle_menu.php','middle'); //여기에서 고쳐야할것이 있어요. window.open('문서주소','프레임이름')
}
</script>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="71" height="62">
<a href="javascript://" onclick="window.open('home_right_menu.htm','right');menu_link1();" onfocus="this.blur();">
<img src="img/top_at_home.jpg" width="71" height="62" alt="[첫페이지로..]"></a>
</td>
</tr>
</table>
</body>
</html>
보충설명 html의 <head>와 </head>태그 사이에 자바스크립트가 있습니다.
여기서 고쳐야 합니다. window.open('문서를 연결할 파일명 또는 주소','frameset태그로 나뉠때 넘기고자 하는 frame이름값'); 을 사용하면 되요..^^
직접 해보는게 좋을것이고 반드시 html문서안에 frameset태그가 만들어있어야 합니다.
소스2)
* 첨부: frameset 태그를 첨부해요 <가져온곳 zipshin의 홈페이지에서..^^>
<!--
이지성: ljsgood1004@hanmail.net 가 만들었습니다.
-->
<html>
<head>
<title>염포교회 중고등부- sarangheyo@canmail.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<link rel="SHORT CUT ICON" href="">
<frameset rows="13%,*" frameborder="0" border="0" framespacing="0" framecolor="#000000">
<frame src="top_menu.htm" name="top" scrolling="auto">
<frameset cols="17%,*" frameborder="0" border="0" framespacing="0" framecolor="#000000">
<frame src="home_left_menu.php" name="left" scrolling="auto">
<frameset cols="*,18%" frameborder="0" border="0" framespacing="0" framecolor="#000000">
<frame src="home_middle_menu.php" name="middle" scrolling="auto">
<frame src="home_right_menu.htm" name="right" scrolling="no" noresize>
</frameset>
</frameset>
</frameset>
</head>
<noframes>
<body>
<p>이 페이지를 볼려면, 프레임을 볼수있는 브라우저가 필요합니다.</p>
</body>
</noframes>
</html>
<!--프레임을 픽셀로 하면
<frameset rows="73,*" frameborder="0" border="0" marginwidth="0" marginheight="0">
<frame src="top_menu.htm" name="top" scrolling="auto">
<frameset cols="170,*" frameborder="0" border="0" marginwidth="0" marginheight="0">
<frame src="home_left_menu.htm" name="left" scrolling="auto">
<frameset cols="*,160" frameborder="0" border="0" marginwidth="0" marginheight="0">
<frame src="home_middle_menu.htm" name="middle" scrolling="auto">
<frame src="home_right_menu.htm" name="right" scrolling="no" noresize>
</frameset>
</frameset>
</frameset>
와 같습니다.-->
댓글 14
-
ZipShin
2002.08.03 03:07
제가 만든 사이트 소스를 전부 공개하지 않겠습니다. -
정옥선
2002.08.03 07:40
잘 봤습니다
앞으로도 유익한 강의 부탁 드리구요~
잘 아시면 이것도 도움 부탁드릴께요
특정 아디와 패스위드로 들어가지는 게시판을 만들고 싶은데 가르침을 받고 싶네요 ~
부탁드릴께요 -
환상횰율커플
2002.08.03 08:53
아.. 이거 리니님도 사용하시던데. -
ZipShin
2002.08.03 11:56
아..특정아이디와 패스워드로 들어가지는 게시판 아주 쉽습니다.
다만 소스가 나와서 비밀번호랑 게시판 주소가 들통나올뿐이지요..^^
나중에 자바스크립트로 만들어진 특정한 아이디와 패스워드로 게시판에 로그인하는 자바스크립트를 보여드리겠습니다. 정옥선님..^^ -
ZipShin
2002.08.03 11:57
아무튼 이소스는 직접 실행을 해봐야 이해가 될것입니다. -
Sia
2002.08.03 12:30
음...세개 이상은 안되는가요; -
ZipShin
2002.08.03 12:36
음... 3개이상 4개이상 무제한으로 제어가 가능합니다. 다만 제어를 3~4개이상 할려는 프레임이 존재를 해야하구요^^ -
세이렌
2002.08.03 14:10
이거 본적 있는데 한번 시도해봤을때 실패했는데 -ㅅ-;; 과연 이번에도 실패하면;;;;; 난 바보란 말인가 -ㅅ-;;; -
뒹굴리스트
2002.08.04 16:03
저것보단 차라리 function 을 멀티화 시켜서 하는게 좋을듯 싶네요.
<script>
function menu_link(link,frame) {
window.open(link,frame);
}
</script>
<a onclick="menu_link('첫번째 링크','프레임');menu_link('두번째 링크','프레임');">
링크 문자
</a>
이런식으로여;;
하하..ㅡㅡ; -
ZipShin
2002.08.07 20:43
뒹굴리스트 처럼 해도 되죠^^ -
김기수
2002.08.08 22:07
꼭 프레임셋이 되어있어야 하나요?
노프레임에서 사용할순 없나요?
방법 아시느분 알려주세요... -
whitecrow
2002.08.14 14:54
노프레임에서는 사용할 이유가 없으실텐데요.^-^;;.. -
세DlCIZLOI너
2002.09.26 20:50
아이프레임삽입이 되어있을때
본프레임과 속한 아이프레임까지 같이 될까염?
나도 참... 해보믄되지 ㅋㅋ
그냥 위에 whitecrow님께 물어볼라거~ -
qhshin
2003.02.05 23:28
와~!!! 됬써여...-ㅇ - 제가 이거갖고 얼마나 고생했는데....-ㅇ -;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
뒹굴리스트님꺼 참고하니까 되네효..^ㅡ^
제목 | 글쓴이 | 날짜 |
---|---|---|
웹호스팅 서버세팅 쉽게하기 팁[윈도우 메모장 이용] [3] | 김영남 | 2002.05.14 |
텔넷에서 다른 계정사용자의 홈디렉토리 접근 막기 [4] | 김영남 | 2002.05.11 |
Redhat 7.3 나왔습니다. [20] | 야쿠자 | 2002.05.10 |
[알아서 나쁠것없는 10원짜리 팁!] 수십 수백명사용자의 일괄생성 방법! [6] | 임현 | 2002.05.09 |
Redhat7.2에서 apache,mysql,php,zend,gd,freetype,giflib,jpeglib,zlib 설치하기 [14] | DeX™ | 2002.05.04 |
개인서버구동시 서버커널 메모리로....(렉생기시는분들 강추) [2] | 홈1004 | 2002.05.03 |
DB 디자인 툴 소개 [2] | 석이 | 2002.04.21 |
Apache2.0.35 + php4.3.0-devel 설치하기;; [15] | Cksoft | 2002.04.08 |
[mysql을 하자 3] DB서버 원격 사용자,DB 만들어 사용하기 [5] | 비바람 | 2002.03.13 |
[mysql을 하자 2] (pai님도 하신^^)사용자와 db를 맹글자 [4] | 비바람 | 2002.03.13 |
[mysql을 하자 1] mysql 종료와 재부팅 | 비바람 | 2002.03.13 |
MySQL 사용자 계정주기 [10] | pai | 2002.03.12 |
리눅스 아주 간단한 사용자 계정 주기-_- [7] | i- | 2002.03.12 |
아래 pai님 도메인셋팅 강좌 세부파일들 예제 :) [3] | 아르체 | 2002.03.06 |
근사모의 APM_steup3설치 법 [5] | 뽀유★ | 2002.03.01 |
리눅스서버 : 도메인 가진 사용자 추가하기 (텔넷,FTP,이메일 사용) [5] | pai | 2002.02.27 |
전자우편만 사용할수 있는 계정추가하기 [1] | pai | 2002.02.25 |
아파치 가상 유저 설정하기 [6] | i- | 2002.02.24 |
네임서버 설정 [15] | 쇠물택 | 2002.02.24 |
리눅스 시스템에서 시간 맞추기 [2] | 쇠물택 | 2002.02.24 |