2010-11-22 3 views
1

위치가 절대적으로 div 인 HTML 페이지가 있습니다. 일부 데이터가 생성 될 때마다 div를 동적으로 이동시키는 자바 스크립트를 작성하려고합니다. .css jquery 함수를 가지고 놀았지만 작동하지 않는 것 같습니다. 이것이 어떻게 성취 될 수 있는지에 대한 아이디어가 있습니까?Javascript - 동적 위치 변경 동적으로

내 페이지에 아래 스타일이있는 다음 div가 있습니다.

<div id="MyControl"> 
    <%Html.RenderPartial("MyControl")%> 
</div> 

#MyControlControl { 
    position:absolute; 
    text-align:left; 
    left:100px; 
    top:900px; 
} 

내 HTML의 주요 부분에서 나는 데이터베이스의 레코드가있는 동적 테이블을 만들고 있습니다. 새로운 행이 추가 될 때마다 Javascript를 호출하여 div를 50 픽셀 이동합니다. 둘 다 자바 스크립트 (document.getElementByID 날 개체 예상 오류를 제공합니다) 및 jquery .css 함수를 시도했다. 나는 일할 수 없다. 당신이 그것을 아래로 이동하는 단위 수를 알고있는 경우

+1

jquery를 다루는 경우 jquery 태그를 추가하십시오. 코드에 문제가있는 경우 코드를 게시하십시오. –

+0

지금까지 해 온 것을 보여주는 몇 가지 코드를 게시 할 수 있습니까? – wajiw

+0

옵션을 주셔서 감사합니다. 내가 뭘 잘못하고 있는지 알아 냈어. 실제로 렌더링되기 전에 요소를 배치하려고했습니다. – Quadwwchs

답변

1

, 당신은 사용하여 얻을 수 :

var obj = document.getElementById('<div id>'); 
obj.style.height = '<new height><units>'; i.e. '15px'; 

편집

을 난 당신이 내가 게시 할 때까지 jQuery를 사용하고 보지 않았다.

1

so. 당신은 당신이 .fixed 클래스 절대 DIV를 이동 한

규칙

div.fixed{ 
position:absolute; 
top:10px; 
left:10px; 
} 

일부 자바 스크립트

와 사업부 ...

$('.fixed').css('top','20px'); 

은 ... 한 가정 페이지의 상단에서 20 픽셀이됩니다 .. 우리는 실제로 당신을 도울 당신을 도울 실제 코드를 볼 필요가 ...

3

jQuery를 사용하여 위치를 잡고 증가시킵니다.

var d = $('#mydiv'); 
// Move down by 50px 
d.css({top:d.position().top+50+'px'}); 
1

상단 속성에 50px를 추가 할 수 있습니까?

var myControl = document.getElementById("MyControl"); 
var oldTop = parseInt(myControl.style.top); 
myControl.top = oldTop +50;