Javascript div距离：显示广告

对于我的WordPress的网站，我想计算开始div和我的右栏（帖子/页，我可以添加一个新的div到页面）的结束div之间的距离。然后，我想计算左列（widgetcolumn）的开始和结束div之间的距离。距离右侧 - 左侧=以像素为单位左侧。Javascript div距离：显示广告

然后，我检查与PHP：如果地方左> X - >显示广告。

任何人都可以帮我用javascript吗？我在Google上找不到任何关于它的信息（我猜错了关键字）。我可以自己编写php。

顺便说一句，抱歉我的英语。

来源

2013-02-16 user2069341

你知道PHP的服务器和javacsript在浏览器上运行？在运行javascript时，php部分已经被执行并发送到浏览器 – Ikke 2013-02-16 13:06:03

您可以使用offset方法从jQuery的（确保您包括jQuery库）

例如

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

您可以通过给那些div的ID或如果他们是动态的选择left_top_div（你可以“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元素

来源

2013-02-16 13:15:32

清除。我怎么能添加我的PHP到这个代码？作为@Ikke提到的 – user2069341 2013-02-17 11:00:29

，JavaScript在浏览器上的DOM上运行，PHP在服务器上运行。从我正在阅读的内容中，最简单的选项是运行您的PHP代码来呈现广告，然后在JavaScript中隐藏或显示广告。至于混合JavaScript和PHP，我建议你做一些与PHP的网页开发学习。 .php页面转换为HTML，因此添加javascript与将HTML添加到HTML页面没有任何区别（通常在 HTML文档中的任何位置） – 2013-02-17 11:55:34

如果你不使用jQuery，你可以使用element.offsetWidth和window.innerWidth，并且将你的计算基于这些。

var rightColumn, widgetColumn, totalWidth; 

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

然后做数学

来源

2013-02-16 13:26:06

Tnx @JaimeRodas如何将我的PHP添加到此代码？ – user2069341 2013-02-17 11:02:20

Javascript div距离：显示广告

回答

相关问题