Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
Eur93
47 / 47 / 24
Регистрация: 16.09.2013
Сообщений: 346
#1

Определить id после перемещения блока

26.02.2014, 03:07. Просмотров 822. Ответов 7
Метки нет (Все метки)

Хотелось бы чтобы после того как я отпущу кнопку мыши и блок примет свое место, можно было определить его ID. А сейчас получается (на сколько я понял) что запрос на ID происходит раньше, нежели блок встает на свое место...

Вот пример.

PHP
1
2
3
4
5
6
7
8
    <div id="flowerContainer" class="sortContainer">
        <div id="flower_1" class="sortable flower">Астра</div>
        <div id="flower_2" class="sortable flower">Пион</div>
        <div id="flower_3" class="sortable flower">Лилия</div>
        <div id="flower_4" class="sortable flower">Орхидея</div>
        
    </div>
<div class="test"></div>
Javascript
1
2
3
4
5
6
7
8
9
$(function() {
    $('#flowerContainer').sortable({placeholder: 'emptySpace'});
});
    $('.sortContainer').droppable({
        drop: function() {
                    var order = $('#flowerContainer').sortable("toArray");
    $('.test').text(order);
        }
    });
CSS
1
2
3
4
5
6
7
8
9
        div.sortable{ width: 100px; background-color: lightgrey; font-size: large;
            margin: 4px; text-align: center; border: medium solid black; padding: 10px;}
        #flowerContainer {position: absolute; left:50px}
        div.flower {background-color: lightgreen}
        .emptySpace {border: medium dotted red; height: 36px; margin: 7px}
 
.test{
    margin: 0 0 0 200px;
}

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
26.02.2014, 03:07
Ответы с готовыми решениями:

Добавить элемент после блока
Как добавить элемент после блока? $('#'+id).append(&quot;Для вставки в редактор:...

Скрипт не реагирует после формирования блока
Здравствуйте, пишу сайт, пока немного разбираюсь в технологии Ajax, сверстал...

Вставка текста после определенного блока html
Только начал читать книгу &quot;Берб Бибо, Иегуда Кац - jQuery. Подробное...

Появление скрытого блока после определенной прокрутки скрола
jQuery(function(f){ var element = f('.hidden-header'); ...

Memory shift или самый быстрый способ перемещения блока памяти
int* dataField = new int{0}; for (int i = 0; i &lt; 50; i++) dataField = 777; ...

7
Lazy_Den
2928 / 2608 / 1316
Регистрация: 15.01.2014
Сообщений: 5,732
26.02.2014, 04:14 #2
Лучший ответ Сообщение было отмечено Eur93 как решение

Решение

На мой взгляд, там достаточно только sortable:
Javascript
1
2
3
4
5
6
7
$('.sortContainer').sortable({
    placeholder: 'emptySpace',
    stop: function( event, ui ){
        var itemId = $(ui.item).attr('id');
        $('.test').text('ID перемещенного блока: ' + itemId);
    }
});
Как обычно - примерчик
1
Eur93
47 / 47 / 24
Регистрация: 16.09.2013
Сообщений: 346
26.02.2014, 20:29  [ТС] #3
Lazy_Den, Я сделал так,но ругается на orders(массив), не хочет его отправлять. Почему?
Javascript
1
2
3
4
5
6
7
8
9
10
11
                $('.conteiner_menu').sortable({
                    placeholder: 'emptySpace',
                    stop: function( event, ui ){
                        var orders = $('.conteiner_menu').sortable("toArray");
                        var fullData = {};
                        fullData.url = 'menu.php';
                        fullData.data = {index: '4', orders: orders};
                        fullData.callback = function(data){}
                        sendAjax(fullData);
                    }
                });
0
Lazy_Den
2928 / 2608 / 1316
Регистрация: 15.01.2014
Сообщений: 5,732
26.02.2014, 23:30 #4
Цитата Сообщение от Eur93 Посмотреть сообщение
но ругается на orders
Как ругается? Матом? Ошибку в студию. Кроме того, можно вывести объект в консоль, перед вызовом функции и посмотреть, что там с массивом. Я проверил на fiddle и не заметил никаких ошибок.
1
Eur93
47 / 47 / 24
Регистрация: 16.09.2013
Сообщений: 346
27.02.2014, 00:50  [ТС] #5
Lazy_Den, а как вывести объект в консоль перед вызовом функции?
Знаю что с помощью console.log(), но куда его помещать?

Добавлено через 42 минуты
Lazy_Den, Я нашел ошибку. Заметил, что вообще никакие массивы сервер не хотел обрабатывать.
Виной всему оказалась строчка:
PHP
1
$orders= mysqli_real_escape_string($db, $_POST["orders"]);
Но как тогда защитить данные?
0
Lazy_Den
2928 / 2608 / 1316
Регистрация: 15.01.2014
Сообщений: 5,732
27.02.2014, 01:24 #6
Цитата Сообщение от Eur93 Посмотреть сообщение
Но как тогда защитить данные?
Вопрос хороший. MySQLi - это замечтательно, так почему же не использовать подготовленные запросы? Мой выбор пал на PDO, но не думаю, что в MySQLi работа с плейсхолдерами сильно отличается.
1
Eur93
47 / 47 / 24
Регистрация: 16.09.2013
Сообщений: 346
27.02.2014, 16:18  [ТС] #7
Lazy_Den, а можно сделать так, чтобы событие stop произошло после того, если элемент div был сдвинут, допустим, как минимум на 20px?
Просто если чуток лишнего задержать кнопку и сдвинуть случайно, происходит событие stop. А это очень вредно.
0
Lazy_Den
2928 / 2608 / 1316
Регистрация: 15.01.2014
Сообщений: 5,732
27.02.2014, 17:43 #8
Eur93, Лень-матушка одолела и облом в документацию глянуть? update вместо stop
1
27.02.2014, 17:43
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
27.02.2014, 17:43

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

Зафиксировать PictureBox после перемещения
Снова здравствуйте! Сегодня я пришёл к вам со следующей проблемой: Дано: Есть...

Не открывается файл после перемещения с move_uploaded_file
Пробую переместить изображение с помощью move_uploaded_file, она перемещается,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru