프레임을 쓰실때 생각할 것 세가지
1. frame_name.location = 'url.php';
또는 frame_name.location.href = 'url.php';
또는 frame_name.location.replace('url.php')
2. parent.frame_name.location = 'url.php';
3. opener.parent.frame_name.location = 'url.php';
새창을 열게해준 창의 주소를 바꾸고 새창을 끈다.
<script>
opener.location.href = 'url.php';
self.close();
</script>
새창을 열게해준 창의 주소를 새로고침하고 새창을 끈다
<script>
opener.location.reload();
self.close();
</script>
다른 프래임의 주소를 바꾸게 하려면
<script>
frame_name.location.href = 'url.php';
</script>
프래임 구조상 상위 프래임의 주소를 바꾸게 하려면
<script>
parent.location.href = 'url.php';
</script>
타겟이 지정된 프레임을 바꾼다.(타겟하나)
<script>
parent.target(타겟).location.href = 'url.php';
</script>
타겟이 지정된 프레임을 바꾼다.(타겟둘)
<script>
parent.target1(타겟1).location.href = 'url1.php';
parent.target2(타겟2).location.href = 'url2.php';
</script>
타겟이 지정된 프레임을 바꾼다.(타겟셋)
<script>
parent.target1(타겟1).location.href = 'url1.php';
parent.target2(타겟2).location.href = 'url2.php';
parent.target3(타겟3).location.href = 'url3.php';
</script>
타겟이 지정된 프레임두개를 클릭으로 바꾸려면
<script>
function target_frame(url1, url2)
{
parent.top_frame.location.href = url1;
parent.main_frame.location.href = url2;
}
</script>
<a href="javascript:target_frame('main_menu.html', '$go_url');"> 확인 </a>
로그인페이지 에선
<script>
parent.top_frame.location.href = '../main.html'; //main.html는 로그인페이지 보다 상위디렉토리에 있다.
parent.main_frame.location.href = '$go_url';
</script>
로그인페이지를 새창으로 띄웠다면
<script>
opener.parent.top_frame.location.href = '../main.html';
opener.parent.main_frame.location.href = '$go_url';
self.close();
</script>
[펌] http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=5317&sfl=&stx=&sst=wr_hit&sod=desc&sop=and&page=36
<img src="xxx.jpg" onclick=how_size(this) title=이미지크기는얼마일까요 style=cursor:pointer>
<script language=javascript>
function get_image_size(id) {
img = document.body.appendChild(document.createElement('img'))
img.src = id.src;
var w = img.offsetWidth;
var h = img.offsetHeight;
document.body.removeChild(img);
return {width:w,height:h};
}
function how_size(img) {
var size = get_image_size(img);
alert('width:'+size.width+',height:'+size.height);
}
</script>
<script language=javascript>
function get_image_size(id) {
img = document.body.appendChild(document.createElement('img'))
img.src = id.src;
var w = img.offsetWidth;
var h = img.offsetHeight;
document.body.removeChild(img);
return {width:w,height:h};
}
function how_size(img) {
var size = get_image_size(img);
alert('width:'+size.width+',height:'+size.height);
}
</script>
<div>- <a href="sub_4_1.php" target="youknow">개요</a></div> <-- 링크
<iframe src="sub_4_1.php" frameborder="0" width="620" name="youknow" scrolling="no"></iframe> <--iframe name 설정
불러올 페이지
<script>
function initsize() {
self.resizeTo(document.body.scrollWidth, document.body.scrollHeight);
}
</script>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" onLoad="initsize();">
설정
-----------------------------------------------------------------------------------
수정~
<script>
function initsize() {
self.resizeTo(document.body.scrollWidth , document.body.scrollHeight + 10);
}
</script>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" onLoad="initsize();">
<iframe src="sub_4_1.php" frameborder="0" width="620" name="youknow" scrolling="no"></iframe> <--iframe name 설정
불러올 페이지
<script>
function initsize() {
self.resizeTo(document.body.scrollWidth, document.body.scrollHeight);
}
</script>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" onLoad="initsize();">
설정
-----------------------------------------------------------------------------------
수정~
<script>
function initsize() {
self.resizeTo(document.body.scrollWidth , document.body.scrollHeight + 10);
}
</script>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" onLoad="initsize();">
설명서 부분
------------------------------
네이버 사이트에 접속하겠끔 팝업창을 띄우는 예제입니다.
아래에서 너비 700에 높이 600을 주고 팝업창을 띄우죠. 그중 스크룰바를 지우려고 한다고 합시다. 스크룰바 지우시려면 no를 넣으면 되죠.
반대로 스크룰바 있게 하려면 yes를 넣어주세요.
<a href="javascript:show_url('http://www.naver.com','700','600','no');">링크걸 제목</a>
상세설명부분
일딴 그누보드이용하신다면 common.js 파일에 맞춤한 위치에 소스를 삽입해주세요.
삽입할 소스는 아래와 같습니다.
function show_url(url,width,height,scrollbars) {
newWin = window.open(""+url+"","show","width="+width+",height="+height+",toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars="+scrollbars+",resizable=no");
}
newWin = window.open(""+url+"","show","width="+width+",height="+height+",toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars="+scrollbars+",resizable=no");
}
여기 까지입니다.
<a href="javascript:show_url('연결주소','너비','높이','스크룰바');">링크걸 제목</a>
완성품 -------------
<script language="javascript" src="<?=$g4[path]?>/js/common.js"></script>
<a href="javascript:show_url('http://www.naver.com','700','600','no');">링크걸 제목</a>