HTML
Javascript
Flash Actionscript
PHP
mySQL
ASP
MS-SQL
Linux
Others
Ziwoo Board
Portfolio
About
Javascript
작성  2009-12-10 05:24:13   추천: 85   조회: 5991
제목  중앙정렬 홈페이지에 레이어 좌표맞추기
이름(ID)  지우 (ziwoo)
홈페이지는 중앙정렬인데 해당된 레이어가 absolute인 경우,
사용자별 화면넓이나 혹은 중간에 창크기를 변경할때 등등..
레이어의 좌표를 보정해줘야할때 사용되는 스크립트입니다.
간단한 스크립트지만 너무나도 자주 쓰이는 스크립트이므로 이곳에 적어둡니다.

지우넷 홈페이지의 유일한 레이어는 우측에 스크롤따라 움직이는 [Top]버튼입니다.
그 [Top]버튼의 Left 좌표에 적용된 스크립트입니다.

<script language="JavaScript">
<!--
function setX() {
    if(document.body.clientWidth>800){
        document.getElementById('absoluteDiv').style.left = document.body.clientWidth/2 - 800/2 + 20 + "px";
    }else{
        document.getElementById('absoluteDiv').style.left = 20 + "px";
    }
}
if(window.addEventListener) window.addEventListener("load", setX, false);
else if(window.attachEvent) window.attachEvent("onload", setX);
if(window.addEventListener) window.addEventListener("resize", setX, false);
else if(window.attachEvent) window.attachEvent("onresize", setX);
//-->
</script>
<body style="margin:0px">
    <center>
        <table border="0" style="margin-top:50px;">
            <td><img src="http://www.ziwoo.net/sample_img/img19.jpg" width="800" height="500"></td>
        </table>
        <div id="absoluteDiv" style="position:absolute; top:70px; left:20px; border:1px solid #FFFFFF;">
            <img src="http://www.ziwoo.net/sample_img/thumb/img5.jpg"></div>
    </center>
</body>
번호 제목 이름 날짜 추천 조회
중요 위지윅(WYSIWYG) 웹에디터 입니다.[28]파일 지우 2006-09-23 167 27104
56 form 태그안에 input type이 하나뿐일때 엔.. 지우 2020-12-04 0 394
55 제이쿼리(JQuery)를 활용한 라디오, 체크박.. 지우 2017-07-05 45 5635
54 최근 메일서비스 리스트 지우 2016-06-26 34 8984
53 IE 버전 구분 정규식 지우 2013-07-07 64 9641
52 자바스크립트로 스타일 제어하기 지우 2011-12-15 88 40316
51 attachEvent, addEventListener 활용 지우 2011-12-07 61 8829
50 Drag&Drop을 이용한 진열순서 변경파일 지우 2011-11-19 71 30305
49 비밀번호 입력형식 변환 지우 2011-11-16 47 3205
48 페이드 효과 및 로테이션파일 지우 2011-11-10 43 3817
47 이메일 유효성 정규식 - 자바스크립트 지우 2011-06-03 60 4430
46 < tab1 tab2 tab3 tab4 tab5 >[3] 大道 2011-02-05 53 3889
45 함수명을 변수로 해야할 때 지우 2010-04-11 68 6684
44 달력 - 날짜입력기(Date Picker)파일 지우 2010-04-11 84 23697
43 중앙정렬 홈페이지에 레이어 좌표맞추기 지우 2009-12-10 85 5991
42 자바스크립트 이벤트 핸들러 (Event Handl.. 지우 2009-11-13 69 3501
41 날짜 더하기 & 시간 더하기 함수 지우 2009-10-31 72 14537
40 동적테이블 TR 추가 지우 2009-10-31 71 5638
39 IE 설계변경 패치 했는데요...왜 안되는지...[2]파일 최혜경 2008-06-11 88 7369
38 지우님... 도와주세요.. ㅜ_ㅜ[2] 김영필 2008-01-11 94 4224
[1][2][3]
제목 내용 이름  
ziwooboard v1.0
Contact Phone Number
Bank Account number
ns1.ziwoo.net (211.115.222.24)
ns2.ziwoo.net (211.115.222.24)
Naver BLOG : http://blog.ziwoo.net
Family Homepage : http://home.ziwoo.net
Copyright ⓒ 2006 By Ziwoo.net All right reserved. Administrator.ziwoonet@naver.com