var dropped = false;
var templateHtml;
$(document).ready(function(){
function addlist(param)
{
$.ajax({
url: 'index.php',
data: 'drop='+encodeURIComponent(param),
type: 'POST',
dataType: 'php',
success: function(msg)
{
if(parseInt(msg)!=0)
{
$('#pageContent').html(msg);
}
}
});
}
setSortable();
$("#droppable").droppable({
accept:".drop",
drop:function(event,ui){
dropped = true;
addlist(ui.draggable.text());
}
});
});
function setSortable(){
$("#sortable").sortable({ opacity: 0.6, cursor: 'move', update: function() {
var order = $(this).sortable("serialize") + '&action=listing';
$.post("index.php", order, function(theResponse){
$("#pageContent").html(theResponse);
});
}
});
$("#sortable li").addClass("drop").bind('mousedown',function(){
templateHtml = $("#sortable").html();
});
}
После первого действия скрипт перестает работать
Возникла одна проблема. Вот скрипт который делает сортировку у перетаскивание с добавлением в базу, проблема в том что после первого действия скрипт перестаёт работать, после первого запроса уже не отсылается и не работает сортировка, вроде firebug ничего не показал
[HTML]
<div id="pageContent">
<ul id="sortable">
<li id="one">One</li>
<li id="two">Two</li>
<li id="three">Three</li>
<li id="four">Four</li>
<li id="five">Five</li>
<li id="six">Six</li>
</ul>
<div id="droppable">
</div>
</div>
[/HTML]
Код:
[HTML]
<div id="pageContent">
<ul id="sortable">
<li id="one">One</li>
<li id="two">Two</li>
<li id="three">Three</li>
<li id="four">Four</li>
<li id="five">Five</li>
<li id="six">Six</li>
</ul>
<div id="droppable">
</div>
</div>
[/HTML]
1. dataType может быть (xml, json, script, or html)
2. добавьте обработчик ошибок ajax в параметры запуска
cyberx
...после первого действия...
какого именно?
если речь идет о последовательности нескольких функций после действия пользователя - попробуйте программно запустить каждую функцию по-отдельности, чтобы установить, где возникает ошибка
2. добавьте обработчик ошибок ajax в параметры запуска
cyberx
...после первого действия...
какого именно?
если речь идет о последовательности нескольких функций после действия пользователя - попробуйте программно запустить каждую функцию по-отдельности, чтобы установить, где возникает ошибка
Да нет и php работает. Первое действие работает, после перетаскивания или сортировки отсылается пост и принимается нормально, но после первого запроса перестаёт работать. Там у меня так
<div id="pageContent">
<ul id="sortable">
<li id="one">One</li>
<li id="two">Two</li>
<li id="three">Three</li>
<li id="four">Four</li>
<li id="five">Five</li>
<li id="six">Six</li>
</ul>
<div id="droppable">
</div>
<?php
if(isset($_POST['action']))
{
echo 'action';
}
if(isset($_POST['drop']))
{
echo 'drop';
}
?>
</div>
Цитата:
<div id="pageContent">
<ul id="sortable">
<li id="one">One</li>
<li id="two">Two</li>
<li id="three">Three</li>
<li id="four">Four</li>
<li id="five">Five</li>
<li id="six">Six</li>
</ul>
<div id="droppable">
</div>
<?php
if(isset($_POST['action']))
{
echo 'action';
}
if(isset($_POST['drop']))
{
echo 'drop';
}
?>
</div>
Пост отсылается на #pageContent, если послать на #droppable то работает без проблем, просто дизайн сбывается, я не силён в js и не могу понять в чом проблема
если вставляешь в #pageContent - заменяется всё, что написано выше
какой ответ присылает скрипт?
какой ответ присылает скрипт?
Первый раз возвращает то что надо, если переброшу то возвращает $_POST['drop'], если отсортирую то $_POST['action'], но после первого действия все перестает работать, работает после рефреша. Нет в #pageContent графика не сбывается, сбивается если в droppable. Я попробовал после
$('#pageContent').html(msg);
Цитата:
$('#pageContent').html(msg);
В функции addlist(param) добавить setSortable(); и после перебрасывания ешо один раз сработала сортировка
Цитата: cyberx
Первый раз возвращает то что надо, если переброшу то возвращает $_POST['drop'], если отсортирую то $_POST['action']...
я имел в виду ajax что возвращает?
Код:
...
$.ajax({
url: 'index.php',
data: 'drop='+encodeURIComponent(param),
type: 'POST',
dataType: 'php',
success: function(msg)
{
[color=blue]alert('success!');[/color]
if(parseInt(msg)!=0)
{
$('#pageContent').html(msg);
}
},
[color=blue] error:function (xhr, ajaxOptions, thrownError){
alert(xhr.status);
alert(thrownError);
}[/color]
});
...
$.ajax({
url: 'index.php',
data: 'drop='+encodeURIComponent(param),
type: 'POST',
dataType: 'php',
success: function(msg)
{
[color=blue]alert('success!');[/color]
if(parseInt(msg)!=0)
{
$('#pageContent').html(msg);
}
},
[color=blue] error:function (xhr, ajaxOptions, thrownError){
alert(xhr.status);
alert(thrownError);
}[/color]
});
...
доходит ли вообще дело до функции?
Код:
...
function addlist(param)
{
[color=blue]alert('addlist');[/color]
...
function addlist(param)
{
[color=blue]alert('addlist');[/color]
...
Да так работает, проблемы когда использую запрос
Вот я зарегистрировался на бесплатном хостинге и тут видно что происходит
http://drop.netau.net/index.php
А вот вторая версия, тут я направляю на #droppable и работает, но сбивается дизайн
http://drop.netau.net/index2.php
http://drop.netau.net/index.php
А вот вторая версия, тут я направляю на #droppable и работает, но сбивается дизайн
http://drop.netau.net/index2.php
брррр... а че, отдельный обработчик для ajax нельзя сделать?
cyberx
А вот вторая версия, тут я направляю на #droppable и работает, но сбивается дизайн
Ни разу не работает. Тот контент, что остался - он как работал - так и продолжает, а в #droppable список не фунциклирует ))))
Делаем отдельный обработчик для ajax, который выполняет необходимые действия и присылает в ответе результаты выполнения!
cyberx
А вот вторая версия, тут я направляю на #droppable и работает, но сбивается дизайн
Ни разу не работает. Тот контент, что остался - он как работал - так и продолжает, а в #droppable список не фунциклирует ))))
Делаем отдельный обработчик для ajax, который выполняет необходимые действия и присылает в ответе результаты выполнения!
Если вас не затруднит может покажите на примере как это сделать? Я не силён в яве и эта вещь тормозит мне все. Мне надо чтоб запрос шел на #pageContent, это возможно?
Не можете решить эту проблему? :(
Цитата: cyberx
Не можете решить эту проблему? :(
без исходников - нет