Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.07.2014, 19:33
Новичок на форуме
Отправить личное сообщение для samuil Посмотреть профиль Найти все сообщения от samuil
 
Регистрация: 24.07.2014
Сообщений: 1

Случайный порядок блоков при загрузке страницы
Добрый день.

Вопрос следующий: есть три одинаковых блока. Необходимо сделать так, чтобы при каждой загрузке страницы порядок блоков был рандомным. Не приходит в голову ничего.

Буду благодарен за любую наводку.
Ответить с цитированием
  #2 (permalink)  
Старый 24.07.2014, 21:21
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Соберите блоки в массив, перемешайте и положите обратно
Math.random
Ответить с цитированием
  #3 (permalink)  
Старый 24.07.2014, 21:56
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

Функция для перемешивания елементов страницы
samuil,
<!DOCTYPE HTML>
<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script>
       window.onload = function ()
{
     function mix(b) {
     for (var c = document.createElement("div"), d = 0; d < b.length; d++) {
         var a = Math.floor(Math.random() * b.length),
             e = b[d],
             f = e.parentNode,
             a = b[a],
             g = a.parentNode;
         f.insertBefore(c, e);
         g.insertBefore(e, a);
         f.insertBefore(a, c)
     }
     c.parentNode.removeChild(c)
 };
  mix(document.getElementsByTagName("div"))
}
  </script>
</head>
<body>
<div>1</div>aaaa<div>2</div>bbbb<div>3</div>cccc<div>4</div>dddd<div>5</div>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
UI datepicker отображение произвольной даты при загрузке al456 jQuery 6 30.12.2013 03:37
Открытие модального окна (попап) при загрузке. Bengl Элементы интерфейса 2 31.05.2012 10:34
Автозапуск скрипта при загрузке страницы HepoH Javascript под браузер 3 31.03.2012 22:27
Обрезать часть слов у всех <h3> при загрузке страницы swess Общие вопросы Javascript 9 14.01.2012 06:44
Срабатывание скрипта при загрузке страницы bormax Общие вопросы Javascript 3 03.04.2008 09:57