Случайная сортировка html блоков

@pahalkovich · Регистрация: 19.10.2012

Студворк — интернет-сервис помощи студентам

Добрый день!

Есть несколько html-блоков типа:

HTML5
1
2
3
4
<table>текст1</table>
<table>текст2</table>
<table>текст3</table>
<table>текст4</table>

подскажите, как реализовать случайную сортировку этих блоков:

HTML5
1
2
3
4
<table>текст3</table>
<table>текст1</table>
<table>текст4</table>
<table>текст2</table>

буду очень благодарен за помощь!!

@kalabuni · 19.10.2012, 15:27

для случайности используйте метод Math.random ()

для перестановки - методы cloneNode () и replaceNode (), если, конечно, все эти блоки в одном "родителе"
если же в разных, тогда сначала перемещаемый объект клонируйте методом cloneNode (), затем оригинал объекта уничтожайте - методом removeNode (), и уж затем - вставляйте в нужное место методом insertBefore ()

всё очень просто, как видите

@pahalkovich · 19.10.2012, 16:16 **[ТС]**

Спасибо большое! А можете на примере показать, а то я уже пытался что-то делать похожее, но не получалось, т.к. нуб в джаве.

@kalabuni · 19.10.2012, 16:57

Сообщение от pahalkovich

А можете на примере показать

что именно вам показать?

вы вообще прочитали, что я вам выше написал?
мей би два случая - в одном родителе, и в разных

вам для какого случая пример надо?
для обоих?

а если бы было возможно 132 варианта, вы бы просили у меня 132 примера?
полагаете, что только у вас нет времени, чтобы освоить азы javascript'a?
а у всех остальных этого свободного времени - вагон и тележка?

@pahalkovich · 19.10.2012, 18:13 **[ТС]**

Что же ты такой нервный, сразу нападки какие-то.. нет и нет

вот ребята с другого форума подсказали, если кому интересно:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<body onload="shuffle(document.getElementsByTagName('kr'));">
 
<SCRIPT language="javascript">
 
function replace(el1,el2){
  var tempdiv = document.createElement('span'),parent=el1.parentNode;
  parent.insertBefore(tempdiv,el1);
  parent.insertBefore(el1,el2);
  parent.insertBefore(el2,tempdiv);
  parent.removeChild(tempdiv);
}
 
function shuffle(el) {
   for (var i =el.length-1 ; i>0;  i--) {
   var num = Math.floor(Math.random() * (i +1));
   if(i!=num){
      replace(el[i],el[num])
   }
          }
}
 
// End Script -->
</SCRIPT>
 
<kr><div>текст1</div></kr>
<kr><div>текст2</div></kr>
<kr><div>текст3</div></kr>
<kr><div>текст4</div></kr>
 
 
</body>

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	19.10.2012, 15:27
	для случайности используйте метод Math.random () для перестановки - методы cloneNode () и replaceNode (), если, конечно, все эти блоки в одном "родителе" если же в разных, тогда сначала перемещаемый объект клонируйте методом cloneNode (), затем оригинал объекта уничтожайте - методом removeNode (), и уж затем - вставляйте в нужное место методом insertBefore () всё очень просто, как видите 0

@pahalkovich 0 / 0 / 0 Регистрация: 19.10.2012 Сообщений: 3
	19.10.2012, 16:16 [ТС]
	Спасибо большое! А можете на примере показать, а то я уже пытался что-то делать похожее, но не получалось, т.к. нуб в джаве. 0