¿Cómo actualizar un div con drop and drag? Hola amigos. Les explico mi problema.
Con este drop and drag ordeno la prioridad de una lista, lo que quiero hacer es que cuando cambie de posición algún elemento de la lista este al momento de soltar se actualice el div donde se encuentra el código php y consulta sql.
El problema hasta ahora es que cuando se actualiza se queda estática la lista y no puedo volver a ordenar los elementos hasta que recargo la pagina.
Alguien me podría ayudar. Esto ya me tiene vuelto loco llevo mas menos 7 días tratando de resolverlo.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(function(){
function actualizar(){
$("#container").load("index.php");
}
$(function() {
$("#container ul").sortable({ opacity: 0.8, cursor: 'move', update: function() {
var order = $(this).sortable("serialize") + '&update=update';
$.post("updateList.php", order, function(theResponse){
actualizar();
});
}
});
});
});
</script>
</head>
<body>
<div id="container">
<div id="list">
<ul>
<?php
include("themes/conex.phtml");
$query = "SELECT id, text FROM dragdrop ORDER BY listorder ASC";
$result = mysql_query($query);
while($row = mysql_fetch_array($result, MYSQL_ASSOC))
{
$id = stripslashes($row['id']);
$text = stripslashes($row['text']);
?>
<li id="arrayorder_<?php echo $id ?>"><?php echo $id?> <?php echo $text; ?>
</li>
<?php
}
?>
</ul>
</div>
</div>
</body>
</html>
