Показать рандомный DIV при каждой загрузке страницы
Дата публикации 26/09/13 - 13:44
Показавыаем рандомные дивы при каждой перезагрузке страница при помощи javascript.
HTML разметка
<div id="randomdiv1" style="display: none;">
<!--Сюда можно поместить абсолютно любой контент-->
</div><!--/randomdiv1-->
<div id="randomdiv2" style="display: none;">
<!--Сюда можно поместить абсолютно любой контент-->
</div><!--/randomdiv1-->
<div id="randomdiv3" style="display: none;">
<!--Сюда можно поместить абсолютно любой контент-->
</div><!--/randomdiv1-->
<!--Сюда можно поместить абсолютно любой контент-->
</div><!--/randomdiv1-->
<div id="randomdiv2" style="display: none;">
<!--Сюда можно поместить абсолютно любой контент-->
</div><!--/randomdiv1-->
<div id="randomdiv3" style="display: none;">
<!--Сюда можно поместить абсолютно любой контент-->
</div><!--/randomdiv1-->
javascript код
<script type="text/javascript">
// Единственная строка в которой нужно делать изменения. Тут указываем используемое количество дивов, в нашем случае - это 3.
NumberOfDivsToRandomDisplay = 3;
var CookieName = 'DivRamdomValueCookie';
function DisplayRandomDiv() {
var r = Math.ceil(Math.random() * NumberOfDivsToRandomDisplay);
if(NumberOfDivsToRandomDisplay > 1) {
var ck = 0;
var cookiebegin = document.cookie.indexOf(CookieName + "=");
if(cookiebegin > -1) {
cookiebegin += 1 + CookieName.length;
cookieend = document.cookie.indexOf(";",cookiebegin);
if(cookieend < cookiebegin) { cookieend = document.cookie.length; }
ck = parseInt(document.cookie.substring(cookiebegin,cookieend));
}
while(r == ck) { r = Math.ceil(Math.random() * NumberOfDivsToRandomDisplay); }
document.cookie = CookieName + "=" + r;
}
for( var i=1; i<=NumberOfDivsToRandomDisplay; i++) {
document.getElementById("randomdiv"+i).style.display='none';
}
document.getElementById("randomdiv"+r).style.display='block';
}
DisplayRandomDiv();
</script>
// Единственная строка в которой нужно делать изменения. Тут указываем используемое количество дивов, в нашем случае - это 3.
NumberOfDivsToRandomDisplay = 3;
var CookieName = 'DivRamdomValueCookie';
function DisplayRandomDiv() {
var r = Math.ceil(Math.random() * NumberOfDivsToRandomDisplay);
if(NumberOfDivsToRandomDisplay > 1) {
var ck = 0;
var cookiebegin = document.cookie.indexOf(CookieName + "=");
if(cookiebegin > -1) {
cookiebegin += 1 + CookieName.length;
cookieend = document.cookie.indexOf(";",cookiebegin);
if(cookieend < cookiebegin) { cookieend = document.cookie.length; }
ck = parseInt(document.cookie.substring(cookiebegin,cookieend));
}
while(r == ck) { r = Math.ceil(Math.random() * NumberOfDivsToRandomDisplay); }
document.cookie = CookieName + "=" + r;
}
for( var i=1; i<=NumberOfDivsToRandomDisplay; i++) {
document.getElementById("randomdiv"+i).style.display='none';
}
document.getElementById("randomdiv"+r).style.display='block';
}
DisplayRandomDiv();
</script>
Важно! javascript код должен находиться ниже вашей HTML разметки, т.к. разметка должна прогрузиться в DOM, иначе не будет ничего работать.
В этом примере мы использовали куки, чтобы по возможности после каждой перезагрузки не показывать один и тот же див.
- 3522 просмотра
Разделы
Комменты
-
Olzhas 7 месяцев 1 неделя назадСпасибо. С Новым Годом! →
-
Den 8 месяцев 6 дней назадВ первой функции, при создании переменной $li_previous нужно поменять '←' с NULL, в $li_next сделать тоже самое. →
-
Гость 8 месяцев 1 неделя назадЕсли все ровно так как было описано, то нет никаких сомнений что домен увел сам регистратор. Потому что вероятность того →
-
Валерий 9 месяцев 5 дней назадда можно делать импорт-экспорт только лишь в оболочке на входя на mysql сервер →
-
admin 9 месяцев 6 дней назадВалерий, а зачем вам именно так делать экспорт? Если я не ошибаюсь, то там нет какой-либо команды чтобы сделать экспорт →
-
Валерий 9 месяцев 1 неделя назадзахожу на mysql через ssh по команде →
-
admin 9 месяцев 1 неделя назадДобрый вечер, какой у вас клиент? →
-
Валерий 9 месяцев 1 неделя назадЗдравстуйте, есть команда чтобы сделать экспорт базы внутри mysql клиента? →
-
Eduard 9 месяцев 3 недели назадВидать, домен хороший был. Заявление пробывали писать на мошенника? →
-
Stas 11 месяцев 5 дней назадОшибка в ключе квантификатора - replace(/будешь|пить/ig, "хлеб"); Указать -g для прохода по всем совпадениям! →
Комментарии (0)