자바 스크립트 div 거리 : 광고 표시

Question

내 워드 프레스 사이트의 경우 시작 열과 내 오른쪽 열 (게시물/페이지의 끝 div) 사이의 거리를 계산하여 페이지에 새 div를 추가 할 수 있습니다. 그런 다음 왼쪽 열 (widgetcolumn)의 시작과 끝 div 사이의 거리를 계산하려고합니다. 거리 오른쪽 - 거리 왼쪽 = 픽셀 왼쪽.

그런 다음 PHP로 확인 : 장소 왼쪽> X -> 광고 표시.

누구든지 자바 스크립트로 나를 도와 줄 수 있습니까? 나는 구글 (나는 틀린 키워드를 추측한다)에 그것에 관하여 아무 것도를 찾아 낼 수 없었다. 나 혼자서 PHP를 쓸 수 있었다.

Btw, 미안 해요.

당신은 jQuery를에서 offset 방법을 사용할 수 있습니다

Answer 1

당신은 그 DIV의 ID의를 제공하거나 또는 그들이 동적 경우 left_top_div 선택할 수 있습니다 예를

var y_top = left_top_div.offset().y; 
var y_bottom = left_bottom_div.offset().y; 
var distance_right = y_bottom - y_top; 

를 들어

(당신이 JQuery와 라이브러리를 포함 보장) (당신은 할 수 't의 ID 그들에게), 당신은 다음과 같은

var left_top_div = left_container.find('div:first-child'); 
var left_bottom_div = left_container.find('div:last-child'); 

left_container이 오른쪽 열에 HTML 요소

것 할 수

Answer 2

jQuery를 사용하지 않는 경우 element.offsetWidth 및 window.innerWidth을 사용하고 계산 결과를 기반으로 계산할 수 있습니다.

var rightColumn, widgetColumn, totalWidth; 

totalWidth = window.innerWidth; 
rightColumn = document.getElementById('rightColumn').offsetWidth; 
widgetColumn = document.getElementById('widgetColumn').offsetWidth; 

그리고는