게시판등에서 닉네임 클릭시 X값과 Y값을 계산해서 클릭위치에서 레이어를 띄워주는
소스를 사용하고 있습니다.
구글링을 하여 괜찮은 소스를 사용하고 있는데요
클릭지점마다 조금씩 위치가 바뀌게 하지 않고 위치 지점이 고정되게끔 해주고 싶은데
방법을 모르겠네요
<script type="text/javascript">
function abspos(e){
this.x = e.clientX + (document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft);
this.y = e.clientY + (document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop);
return this;
}
function abspos(e){
this.x = e.clientX + (document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft);
this.y = e.clientY + (document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop);
return this;
}
function itemClick(e){
var ex_obj = document.getElementById('lay');
if(!e) e = window.Event;
pos = abspos(e);
ex_obj.style.left = pos.x+"px";
ex_obj.style.top = (pos.y+10)+"px";
ex_obj.style.display = ex_obj.style.display=='none'?'block':'none';
}
</script>
<div id="lay" style="position:absolute; display:none;">내용이 어쩌고 저쩌고</div>
<div style="padding:300px 0 0 200px;"><input type="button" onclick="itemClick(event);" value="클릭"></div>
<div style="padding:300px 0 0 200px;"><input type="button" onclick="itemClick(event);" value="클릭"></div>
여기서 어떻게 수정해야 할까요? 아시는 분 계시면 정중하게 부탁좀 드리겠습니다
개발자가 아니라 수정하기가 참 힘이 드네요
댓글 1개
z멍멍이는멍멍z
13년 전
ex_obj.style.left = pos.x+"px";
ex_obj.style.top = (pos.y+10)+"px";
이부분을
ex_obj.style.left = "100px";
ex_obj.style.top = "100px";
이렇게 해주면 되지 않을까용?
ex_obj.style.top = (pos.y+10)+"px";
이부분을
ex_obj.style.left = "100px";
ex_obj.style.top = "100px";
이렇게 해주면 되지 않을까용?
게시판 목록
팁게시판
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5977 | 9년 전 | 175 | ||
| 5976 | 9년 전 | 223 | ||
| 5975 | 9년 전 | 250 | ||
| 5974 | 9년 전 | 351 | ||
| 5973 | 9년 전 | 387 | ||
| 5972 | 9년 전 | 234 | ||
| 5971 | 9년 전 | 265 | ||
| 5970 | 9년 전 | 230 | ||
| 5969 | 9년 전 | 150 | ||
| 5968 | 9년 전 | 156 | ||
| 5967 | 9년 전 | 339 | ||
| 5966 | 9년 전 | 199 | ||
| 5965 | 9년 전 | 188 | ||
| 5964 | 9년 전 | 189 | ||
| 5963 | 9년 전 | 270 | ||
| 5962 | 9년 전 | 329 | ||
| 5961 | 9년 전 | 242 | ||
| 5960 | 9년 전 | 281 | ||
| 5959 | 9년 전 | 217 | ||
| 5958 |
|
9년 전 | 485 | |
| 5957 | 9년 전 | 316 | ||
| 5956 | 9년 전 | 283 | ||
| 5955 | 9년 전 | 293 | ||
| 5954 | 9년 전 | 204 | ||
| 5953 | 9년 전 | 347 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기