익스플로러 창 조절하기 - resize, 리사이즈
자기가 만들어 놓은 홈페이지가. 1024*768 또는 800*600에서 어케 보일지 궁금해서 간혹 자기의 모니터
해상도를 바꾸시는분이 안계신지여... 이젠 그러지 마시고,
주소창에. 다음과 같이 넣구선 즐겨찾기. 혹은 연결Bar에 등록하셔서. 언제든지 써먹읍시다.
1024*768루 창을 세팅 ---> javascript:window.resizeTo(1024,768);
800*600으루 창을 세팅 ---> javascript:window.resizeTo(800,600);
근데. 막상 저넘의 소스를 보니 어디에 어떻게 붙여야할지 고민이 되더군요.
일단 익스플로러의 주소적는 창에 그냥 붙여봅시다.
javascript:window.resizeTo(800,600);
요런 식으로 다른 주소는 필요없어요.
그리고 엔터를 팍! 쳐버리면 800*600으로 화면이 확! 변할꺼예요.
다른 홈을 요렇게 보면 깨지는 곳도 꽤 있습니다. 태그피아도 조금 그렇군요...ㅠㅠ
즐겨찾기에 등록하는 방법...
이것도 그냥 등록을 하니까 되지 않더군요.
일단 등록한 즐겨찾기 하나를 써먹어 봅시다.
메뉴에서 '즐겨찾기 구성'에 들어가면 즐겨찾기 주소가 주루룩 나오죠?
거기서 만만한 주소를 하나 찾아서 오른쪽 클릭-->등록정보 를 누르시면 주소적는 창이 나와요.
여기에다가
(ex) javascript:window.resizeTo(800,600)
이렇게 적어주시면 끝~~~~~~!!! 입니다.
이름은 맘대로 바꿔주시구요.
나중에 800*600으로 보고 싶으면 위에서 만든 즐겨찾기를 클릭하면 바로 바뀝니다.
왜 이 팁이 맘에 들었냐면은...
일단 홈페이지를 만들때 해상도를 신경쓰지 않는 사람들도 있지만...
아직까지 800*600에서 보는 사람도 많다는걸 염두에 두고 홈을 만드는것이 좋습니다.
그런 해상도에 따른 홈의 모양을 홈을 만들면서 볼때 유용하게 쓰일것 같아서입니다.
'인터넷정보' 카테고리의 다른 글
마우스 오버시 뜨는 경고창 (0) | 2007.10.16 |
---|---|
마우스를 대면 커지는 글씨 (0) | 2007.10.16 |
얼굴문자 이미지 (0) | 2007.10.16 |
링크된 곳 밑줄/컬러/배경/크기 지정하는 태그 (0) | 2007.10.16 |
테이블에 간단한 라인효과주기 (0) | 2007.10.16 |
라디오 버튼을 이용한 alert 창 (0) | 2007.10.16 |
배경이미지가 보이는 투명한 아이프레임 만들기 (0) | 2007.10.16 |
천사가 날아가는 간단한 마퀴태그 (0) | 2007.10.16 |
투명한 스크롤바 만들기 (0) | 2007.10.16 |
게시판 글 목록 테이블을 투명하게(배경 이미지 적용시) (0) | 2007.10.16 |
새창(팝업) 크기 자동조절(리사이즈,resize)
function auto_resize()
{
try{
//------ 스크롤이 있을 때
// v_width = document.body.scrollWidth + 22;
// v_height = document.body.scrollHeight + 25;
//------ 스크롤이 없을 때
v_width = document.body.scrollWidth + 6;
v_height = document.body.scrollHeight + 25;
window.self.resizeTo!(v_width,v_height);
}
'인터넷정보' 카테고리의 다른 글
마우스로 드래그되는 레이어창 스크립트 (0) | 2007.10.11 |
---|---|
인쇄 미리 보기 및 페이지 설정 버튼 만드는 방법 (0) | 2007.10.11 |
PHP 테이블 중복 확인후 생성하기 create table if not exists board (0) | 2007.10.11 |
ActiveX 무조건 다운로드하기 (0) | 2007.10.11 |
이미지 크기 알아내기 (0) | 2007.10.11 |
자바스크립에서 쿠기 설정/읽기/삭제 (0) | 2007.10.11 |
PHP 파일 타입 알아보기 mime_content_type() (0) | 2007.10.11 |
GD 기본 사용법 (0) | 2007.10.11 |
인터넷 익스플로러 다운로드 제한 수 변경하는 방법 (0) | 2007.10.11 |
입력창에 바로 한글 입력하기 ime-mode (0) | 2007.10.11 |
이미지 자동 리사이즈 관련 함수
사용법
<img src="이미지주소" onload="image_auto_resize(this,180,180);" nmouseover="image_auto_resize(this,180,180);">
지정된 이미지에 자동 리사이즈를 적용합니다.
사용법2
image_auto_resize_inarea(document.getElementById('div_area'),100,'',true);
document.getElementById('div_area') 안에서의 모든 img에 자동 리사이즈를 적용합니다.
//============================================================================
// 이미지 자동 리사이즈
//============================================================================
function image_auto_resize(this_s,width,height){
var ta_image = new Image();
ta_image.src = this_s.src;
if(!width){this_s.removeAttribute('width');
this_s.style.width='auto';}
else if(width < ta_image.width){
this_s.width = width;
}else{
this_s.width = ta_image.width;
}
if(!height){this_s.removeAttribute('height');
this_s.style.height='auto';}
else if(height < ta_image.height){
this_s.height = height;
}else{
this_s.height = ta_image.height;
}
}
function image_auto_resize_inarea(this_s,width,height,view){
//this_s안의 모든 이미지는 자동 리사이즈 된다.
//alert!!(this_s.childNodes.length);
if(!view){view=true;}
if(!this_s){return;}
if(this_s.nodeType!=1){return;}
for(var i=0,m=this_s.childNodes.length;i<m;i++){
var ta = this_s.childNodes[i];
if(ta.nodeName=='IMG'){
//ta.style.border='1px solid #333333';
image_auto_resize(ta,width,height);
if(view){
if(!ta.title){ta.title=ta.src;}
if(!ta.onclick){
ta.style.cursor='pointer';
ta.onclick=function(){js_image_view(this,1);}
}
if(!ta.onload)
ta.onload=function(){image_auto_resize(this,width,height);}
if(!ta.onmouseover)
ta.onmouseover=function(){image_auto_resize(this,width,height);}
}
}
if(ta.childNodes.length>0){
image_auto_resize_inarea(ta,width,height);
}
}
return;
}
'인터넷정보' 카테고리의 다른 글
간단한 중요 DB정보 보호방법 (0) | 2007.10.10 |
---|---|
SSL관련 개인키, CSR 만드는 방법 (0) | 2007.10.10 |
IE flash 패치용 - 이올라스, 플래시 테두리 (0) | 2007.10.10 |
file에 스킨 입히기 - 첨부파일 (0) | 2007.10.10 |
회색 컬러, 그레이 색상 (0) | 2007.10.10 |
링크 자동 타겟 설정 (0) | 2007.10.10 |
[JS] 한글 초성, 중성, 종성 자르기 (0) | 2007.10.10 |
[PHP] 한글 초성,중성,종성 자르기 (0) | 2007.10.10 |
레이어로 툴팁 효과내기 (0) | 2007.10.10 |
window.document.location 간단 설명 (0) | 2007.10.10 |