웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
NZEO의 좌측 이동메뉴를 구현해 보자. (이동 On/Off 기능 포함) [43] | steelheart | 2002.08.20 |
★랜덤으로 음악 재생하기★ [23] | 뽀유♡ | 2002.08.16 |
개판 오분전 브레인 써바이벌 [19] | 미친개 | 2002.08.14 |
[로그인] 자바스크립트로 여러개 로그인하기 [10] | ZipShin | 2002.08.13 |
랜덤으로 바뀌는 배경이미지 [11] | ZipShin | 2002.08.13 |
랜덤으로 배경음악 지정하기. [5] | ZipShin | 2002.08.13 |
요일마다 지정된 태그 나타나게 하기 [1] | Eccen | 2002.08.13 |
허접 자바스크립트강의 - 4 - [8] | 홍윤식 | 2002.08.10 |
개판 오분전 칼라팔레트 [5] | 미친개 | 2002.08.08 |
허접 자바스크립트 강의 - 3 - [6] | 홍윤식 | 2002.07.31 |
허접 자바 스크립트 강의 - 2 - [13] | 홍윤식 | 2002.07.29 |
허접 자바 스크립트 -1- [6] | 홍윤식 | 2002.07.27 |
ZipShin이 사용하는 한링크에 두프레임 움직이기..^^ [14] | ZipShin | 2002.08.03 |
iFrame 문서크기에 맞게.. 초간단.. [10] | 정명주 | 2002.08.02 |
링크에 포커스 없애기 II [6] | steelheart | 2002.08.02 |
아이프레임을 내용에 따라 크기(폭,높이) 바꿔주는 스크립트 [9] | 민이 | 2002.08.01 |
[Siren]타이틀 글씨가 움직인다! (상태바아님) [4] | 세이렌 | 2002.07.31 |
^^ 공포의 숫자맞추기 ^^ [17] | BULGOM | 2002.07.30 |
도깨비불을 아시나요 [5] | 세벌사랑 | 2002.07.30 |
[초보자] 상태바에 글 나타내기 [2] | ZipShin | 2002.07.30 |