닷넷 문제없어!
[Log-In]
관리자 로그인
  ID
  PW
Catagory
탐색 건너뛰기 링크입니다.
11월2024년 12월1월
24252627282930
1234567
891011121314
15161718192021
22232425262728
2930311234
Tag Storm
감자탕  기네스  라푼젤  사용자정의 컨트롤  위도 경도 거리  위도경도거리  정규식  파일업로드  페이징  clear  display  float  InvalidOperationException  ip차단  onClientClick  RegisterClientScriptBlock  RegisterStartupScript  urlscan  WebKnight  z-index  
RSS 2.0   
Today : 73
Total  : 558965
해상도에 따른 우측배너 left 위치 자동값얻기 | Javascript Read : 1848
 Name : wonpaper IP : 182.210.101.174 
 Date : 2012-04-19 오후 12:40:43  

<html>
<head>
<title>모니터해상도에 따른 위치테스트</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!--
// 모니터해상도에 따라 전체 폭값 구하기
//alert(document.body.clientWidth + " / " + document.body.clientWidth); 
//alert(expression(((document.body.clientWidth-1280)+Math.abs(document.body.clientWidth-800))/4+980));


// 중심점에서 +30 만큼 더해주기
document.write( (parseInt((Math.abs(document.body.clientWidth)/2)) + parseInt(30)) );

// 중앙정렬된 테이블의 폭이 1000 px 일경우 중앙에서 500 더해주면 그 바로 우측에 붙어서 나타난다.
document.write( "<br> " +  (parseInt((Math.abs(document.body.clientWidth)/2)) + parseInt(500)) );


//-->
</SCRIPT>


<table border=1>
<tr>
 <td>테스트</td>
</tr>
</table>

<!--
<div id="div1" style="position:absolute; left:expression(((document.body.clientWidth-1280)+Math.abs(document.body.clientWidth-800))/4+980); top:100px;z-index:10;">
-->

<!-- 폭이 1000인 중앙정렬 테이블에서 우측에 따라다니는 배너 동적 left 위치값 얻기 --->
<div id="div1" style="position:absolute; left:expression(Math.abs(document.body.clientWidth)/2+500); top:100px;z-index:10;">
 <table style="border:solid 1 red;">
 <tr>
    <td>우측따라다니는 배너공간<br><br></td>
 </tr>
 </table>
</div>
</body>

 Tag :
 Trackback : http://wonpaper.net/Trackbackhandler.ashx/board_javascript/7
이름
비번
글목록
Copyright 2010 ~ 2024, wonpaper.net based on ASP.NET 3.5 using Web-Form.
Wonpaper 웹개발자의 닷넷블로그