2011-11-28 4 views
0

는이 코드드래그 앤 드롭 jQuery를 저장 위치는

$(document).ready(function(){ 
    $("#q").draggable(); 
    $("#bt").click(function(){ 
     alert("LEFT: "+$("#q").offset().left+" TOP: "+$("#q").offset().top); 
    }) 
}) 

를 사용하여 드래그 DIV의 위치를 ​​얻는 방법을 알고하지만 내 문제는 내가에 사업부의 왼쪽과 TOP의 위치를 ​​삽입하는 경우 데이터베이스와 내가 사업부 정렬 놓친 다른 모니터 해상도와 다른 컴퓨터에서 웹 페이지를 열 ..

내가이

감사를 해결 할 수있는 방법이 있나요!

+5

어딘가 다른 경우, 백분율 기반 레이아웃 (유동성)을 사용하는 것처럼 들리 -이 경우 약간의 수학을 수행하고 화면의 너비를 가져야 만 어디에 있어야하는지 알아야합니다. 너비의 백분율로 – MrJ

+0

자바 스크립트를 사용하면됩니까? jquery? –

+0

'$ (window) .width();'- 브라우저의 시점 폭을 줄 것이다 ... 다음으로이 폭만큼'$ ("# q") .office (left.)를 나누면 백분율을 얻는다. 1) – MrJ

답변

1

당신이 한 화면에서 위쪽/왼쪽으로 백분율을 만들 수 있고 다른 모니터의 크기가 다른 경우에도 "같은 지점"에있을 것이라고 가정합니다.

뭔가

var ntop = $("#q").offset().left/$("#q").width(); 
var nleft = $("#q").offset().top/$("#q").height(); 

그리고 당신이 좋아하는 아약스 또는 유사한 것을 사용하여 변수를 저장해야합니다 그것을

$("#q").offset({"left": nleft, "top": ntop}); 

를 사용하는

같은 : 물론

$(document).ready(function(){ 
    $("#q").draggable(); 
    $("#bt").click(function(){ 
     alert("LEFT: "+$("#q").offset().left+" TOP: "+$("#q").offset().top); 
     $.get("test.cgi", { left: nleft, top: ntop }); 
    }); 
}); 

를 I 당신을 위해 그것을 만들지는 않겠지 만, 위와 같은 도움이 되길 바랍니다.

+0

YES SIR! 감사! : D 나는 그것을 시도 할 것이다. –