Форум

niko42 · #1 (**permalink**) 04.09.2013, 18:18

Здравсвуйте!

Есть много блоков (кртинки)

<div style="displya:inline-block;">
  <img>
</div>
<div style="displya:inline-block;">
  <img>
</div>
<div style="displya:inline-block;">
  <img>
</div>
<div style="displya:inline-block;">
  <img>
</div>

Суть такова: хочу изменить месторасположение элемента и отправлять запрос в БД, где будет этот элемента распологаться.

Уточните, пожалуйста, чем можно воспользоваться для реализациюю даного решения. Или посоветуйте уже готовые варианты.

BETEPAH · #2 (**permalink**) 04.09.2013, 18:32

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

хочу изменить месторасположение элемента и отправлять запрос в БД, где будет этот элемента распологаться.
Уточните, пожалуйста, чем можно воспользоваться для реализациюю даного решения. Или посоветуйте уже готовые варианты.

notepad++ - для изменения месторасположения;
gmail.com - для отправки запроса

jsru_ · #3 (**permalink**) 04.09.2013, 18:34

http://jqueryui.com/droppable/

niko42 · #4 (**permalink**) 04.09.2013, 18:52

Спасибо, то что нужно http://jqueryui.com/sortable/

niko42 · #5 (**permalink**) 04.09.2013, 22:24

Есть функция sortable() в библиотеки jquery ui. Кагда я перемещаю объект и установил его на нужно место, как получить потом эти объекты попорядку?

рони · #6 (**permalink**) 04.09.2013, 22:38

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

Есть функция sortable() в библиотеки jquery ui. Кагда я перемещаю объект и установил его на нужно место, как получить потом эти объекты попорядку?

а что мешает то взять нужные элементы?

niko42 · #7 (**permalink**) 04.09.2013, 22:46

Как бы мы понял местами элементы и как взять изменый упорядочный список с самого начало и до конца. Просто не не понятно, как браузер хоронит имененный список

рони · #8 (**permalink**) 04.09.2013, 22:59

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

Как бы мы понял местами элементы и как взять изменый упорядочный список с самого начало и до конца. Просто не не понятно, как браузер хоронит имененный список

непонимаю
вопрос вам новый порядок нужен или старый ?

niko42 · #9 (**permalink**) 04.09.2013, 23:02

Новый порядок в том положение в каторрм он есть по фатку изменения

рони · #10 (**permalink**) 04.09.2013, 23:05

niko42,

<!DOCTYPE html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>jQuery UI Sortable - Default functionality</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
  <script src="http://code.jquery.com/jquery-1.9.1.js">
</script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js">
</script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <style>

  #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }

  #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }

  #sortable li span { position: absolute; margin-left: -1.3em; }

  </style>
  <script>

  $(function () {
      $("#sortable")
          .sortable({
              stop: function (event, ui) {
                  var texts = [];
                  $("#sortable li")
                      .each(function (indx, element) {
                          texts.push($(element)
                              .text() + " ");
                      });
                  $(".out")
                      .html(texts)
              }
          });
      $("#sortable")
          .disableSelection();
  });
  </script>
</head>

<body>
  <div class="out">
    Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 7
  </div>

  <ul id="sortable">
    <li class="ui-state-default">Item 1</li>

    <li class="ui-state-default">Item 2</li>

    <li class="ui-state-default">Item 3</li>

    <li class="ui-state-default">Item 4</li>

    <li class="ui-state-default">Item 5</li>

    <li class="ui-state-default">Item 6</li>

    <li class="ui-state-default">Item 7</li>
  </ul>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript