同一頁面上的多個隨機廣告Divs PHP / JavaScript

Question

我已經用盡了我的業余腳本編寫技能並尋求幫助。

這是我的網站的主要索引和當前的工作腳本，並在我的主頁上隨機顯示了一組添加內容。

http://blessone.netau.net/

在嘗試了許多不同的代碼后，Ive設法提出了這個建議。

divs = ['d1','d2','d3','d4'];

function hideDivs() {
for (var i=0; i<divs.length; i++)
document.getElementsByClassName('adbox');

}

function showDiv() {
hideDivs(); //hide them all before we show the next one.
var randomDiv = divs[Math.floor(Math.random()*divs.length)];
var div = document.getElementsByClassName(randomDiv).style.display =
'block';

setTimeout(showDiv,500); //set a delay before showing the next div

}`

我試圖在“ adverts / pop_left_ad.php”熱門產品中的一組div中隨機顯示一個div。

很棒！

但是有一個問題。 當我嘗試使用.....

<?php include("adverts/pop_left_ad.php"); ?>

...在一頁上有兩次，無論我將它們放在何處，都不會給我兩個不同的隨機div。 我為每組div使用不同的文件，而不是由它們的調用div隨機調用。

我應該指出，我不確定如何編輯第二個JS。 我只在其中添加一系列div ID嗎？？？ 我在JS中更改了哪些元素？

我現在知道問題是我的id設置，並將其更改為類設置。 因此，我需要幫助來對我的JS進行其他更改，以合並類等等。

任何幫助是極大的贊賞。

非常感謝。

Answer 1

問題似乎是您正在為div使用id屬性。 如果代碼中只有d1，d2，d3，d4的一個副本，這很好，但是如果多次包含，則getElementById將很難區分具有相同id的不同div。

我要做的是將d1到d4的每個id的屬性更改為類屬性（並對d1-d4的每個內容進行相同的操作，例如，將id =“ adTitle”轉換為class =“ adTitle”），然后包裝div中的一組廣告，其類屬性的名稱類似於“ adbox”

從那里，您可以修改代碼以獲取所有具有adbox類的div，然后像當前一樣，遍歷內部類名為d1-d4的div。 使用jQuery，您可以執行類似$('.adbox').each() ，這使循環死循環變得簡單，但是如果您想使用純JS，也可以使用document.getElementsByClassName('adbox')