Вед-дев, Сео, Манимейкинг

Показать рандомный DIV при каждой загрузке страницы

Показавыаем рандомные дивы при каждой перезагрузке страница при помощи 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-->

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>

Важно! javascript код должен находиться ниже вашей HTML разметки, т.к. разметка должна прогрузиться в DOM, иначе не будет ничего работать.
В этом примере мы использовали куки, чтобы по возможности после каждой перезагрузки не показывать один и тот же див.



Комментарии (0)

Подписаться

Подписка на RSS-лента последние записи из Блога

Комменты

  • 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 для прохода по всем совпадениям!