닷넷 문제없어!
[Log-In]
관리자 로그인
  ID
  PW
Catagory
탐색 건너뛰기 링크입니다.
12월2026년 1월2월
28293031123
45678910
11121314151617
18192021222324
25262728293031
1234567
Tag Storm
감자탕  기네스  라푼젤  사용자정의 컨트롤  위도 경도 거리  위도경도거리  정규식  파일업로드  페이징  clear  display  float  InvalidOperationException  ip차단  onClientClick  RegisterClientScriptBlock  RegisterStartupScript  urlscan  WebKnight  z-index  
RSS 2.0   
Today : 117
Total  : 626648
해상도에 따른 우측배너 left 위치 자동값얻기 | Javascript Read : 2074
 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 웹개발자의 닷넷블로그