정말 개고생했습니다.......ㅠ_ㅠ
기존에 좌표 구하는 방식은
document.getElementById("ID이름").offsetTop;
document.getElementById("ID이름").offsetLeft;
이런식으로 좌표를 구했다.
하지만
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
이런 DOCTYPE이 들어가는 순간 저런식으로 구하면 좌표는 0,0 이 나온다.
그래서 찾은 jQuery 명령어
$("#ID이름").offset().top;
$("#ID이름").offset().left;
이런식으로 구하니 DOCTYPE 상관없이 구해온다.^^
function getDrawableElement(inDocument) {
if (isQuirksMode(inDocument)) {
var body = inDocument.getElementsByTagName('body')[0];
return body;
}
else {
// standards mode
return inDocument.documentElement;
}
}
function $top(name) {
var drawableElement = getDrawableElement(document);
var screenPosition = document.getElementsByName("secureEelement")[0].getBoundingClientRect();
return (screenPosition.top + drawableElement.scrollTop);
}
function $left(name) {
var drawableElement = getDrawableElement(document);
var screenPosition = document.getElementsByName("secureEelement")[0].getBoundingClientRect();
return (screenPosition.left + drawableElement.scrollLeft);
}
'개발 > JQUERY' 카테고리의 다른 글
Jquery Number 숫자 유효성 체크 (0) | 2017.04.05 |
---|---|
jquery checkbox 체크여부/제어하기/체크갯수 구하기 (0) | 2017.03.17 |
ajax 통싱할때 form jquery로 한꺼번에 넘기기[serialize() (0) | 2017.03.17 |
jquery 모음 (0) | 2017.03.17 |
jquery 한글 영어 숫자 체크 (0) | 2017.03.17 |