클릭위치로 레이어 띄우기
게시판등에서 닉네임 클릭시 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";
이렇게 해주면 되지 않을까용?
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 4830 |
임페리얼웹
|
13년 전 | 1362 | |
| 4829 |
임페리얼웹
|
13년 전 | 717 | |
| 4828 | 13년 전 | 3475 | ||
| 4827 |
 Terrorboy |
13년 전 | 1234 | |
| 4826 | 13년 전 | 2739 | ||
| 4825 | 13년 전 | 1078 | ||
| 4824 |
gnuskin쩜net
|
13년 전 | 768 | |
| 4823 | 13년 전 | 818 | ||
| 4822 |
visualp
|
13년 전 | 682 | |
| 4821 |
다케미카코
|
13년 전 | 1258 | |
| 4820 | 13년 전 | 1344 | ||
| 4819 | 13년 전 | 2660 | ||
| 4818 |
크라이스트
|
13년 전 | 4235 | |
| 4817 |
임페리얼웹
|
13년 전 | 711 | |
| 4816 | 13년 전 | 3258 | ||
| 4815 |
하모니칼수
|
13년 전 | 649 | |
| 4814 | 13년 전 | 1109 | ||
| 4813 | 13년 전 | 708 | ||
| 4812 |
임페리얼웹
|
13년 전 | 1085 | |
| 4811 |
임페리얼웹
|
13년 전 | 1831 | |
| 4810 | 13년 전 | 1146 | ||
| 4809 | 13년 전 | 624 | ||
| 4808 | 13년 전 | 1279 | ||
| 4807 |
너는나의봄이다
|
13년 전 | 896 | |
| 4806 | 13년 전 | 1292 | ||
| 4805 | 13년 전 | 1773 | ||
| 4804 | 13년 전 | 1070 | ||
| 4803 |
한번잘해보자
|
13년 전 | 717 | |
| 4802 | 13년 전 | 1904 | ||
| 4801 |
꼬꼬아부지
|
13년 전 | 1184 | |
| 4800 | 13년 전 | 775 | ||
| 4799 |
 TopSchooL |
13년 전 | 722 | |
| 4798 | 13년 전 | 1071 | ||
| 4797 |
한번잘해보자
|
13년 전 | 609 | |
| 4796 | 13년 전 | 1719 | ||
| 4795 | 13년 전 | 997 | ||
| 4794 |
 똥싼너구리 |
13년 전 | 1016 | |
| 4793 |
 연후하은아빠 |
13년 전 | 653 | |
| 4792 | 13년 전 | 1289 | ||
| 4791 | 13년 전 | 2098 | ||
| 4790 |
똥싼너구리 |
13년 전 | 619 | |
| 4789 |
한번잘해보자
|
13년 전 | 512 | |
| 4788 |
 넓은마인드 |
13년 전 | 684 | |
| 4787 | 13년 전 | 3281 | ||
| 4786 |
한번잘해보자
|
13년 전 | 754 | |
| 4785 | 13년 전 | 1304 | ||
| 4784 | 13년 전 | 1076 | ||
| 4783 |
 스위치79 |
13년 전 | 719 | |
| 4782 | 13년 전 | 7732 | ||
| 4781 |
크라운엠버서더
|
13년 전 | 1104 | |
| 4780 | 13년 전 | 1753 | ||
| 4779 | 13년 전 | 752 | ||
| 4778 | 13년 전 | 1088 | ||
| 4777 | 13년 전 | 916 | ||
| 4776 | 13년 전 | 1887 | ||
| 4775 | 13년 전 | 3318 | ||
| 4774 | 13년 전 | 1531 | ||
| 4773 | 13년 전 | 3238 | ||
| 4772 | 13년 전 | 1413 | ||
| 4771 | 13년 전 | 3858 | ||
| 4770 | 13년 전 | 1420 | ||
| 4769 | 13년 전 | 906 | ||
| 4768 | 13년 전 | 1879 | ||
| 4767 | 13년 전 | 2657 | ||
| 4766 | 13년 전 | 1568 | ||
| 4765 | 13년 전 | 1378 | ||
| 4764 | 13년 전 | 3138 | ||
| 4763 | 13년 전 | 1162 | ||
| 4762 |
똥싼너구리 |
13년 전 | 718 | |
| 4761 | 13년 전 | 1609 | ||
| 4760 | 13년 전 | 849 | ||
| 4759 |
NTYPE
|
13년 전 | 5175 | |
| 4758 |
프로프리랜서
|
13년 전 | 825 | |
| 4757 |
프로프리랜서
|
13년 전 | 1213 | |
| 4756 | 13년 전 | 812 | ||
| 4755 |
원시인교주
|
13년 전 | 836 | |
| 4754 |
there007
|
13년 전 | 952 | |
| 4753 | 13년 전 | 1765 | ||
| 4752 |
세상의중심
|
13년 전 | 1574 | |
| 4751 | 13년 전 | 1299 | ||
| 4750 | 13년 전 | 1499 | ||
| 4749 |
또다른세상
|
13년 전 | 3654 | |
| 4748 | 13년 전 | 767 | ||
| 4747 |
cula100jak
|
13년 전 | 1654 | |
| 4746 | 13년 전 | 1477 | ||
| 4745 |
 늘푸른등불 |
13년 전 | 615 | |
| 4744 |
designcity
|
13년 전 | 741 | |
| 4743 | 13년 전 | 620 | ||
| 4742 |
 raineye |
13년 전 | 8356 | |
| 4741 | 13년 전 | 849 | ||
| 4740 | 13년 전 | 1654 | ||
| 4739 | 13년 전 | 1323 | ||
| 4738 |
 스터디24 |
13년 전 | 749 | |
| 4737 |
Xerro
|
13년 전 | 489 | |
| 4736 | 13년 전 | 3721 | ||
| 4735 |
keith
|
13년 전 | 541 | |
| 4734 |
 ideaman |
13년 전 | 694 | |
| 4733 | 13년 전 | 1746 | ||
| 4732 |
 날라리개발자 |
13년 전 | 1246 | |
| 4731 |
늘푸른등불 |
13년 전 | 1296 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기