Muchas gracias por tu respuesta Alexis88, me ayudo mucho lo que me dijiste, ahora una consulta, estoy tratando de usar las funciones dragg y drop de jquery, lo que intento hacer es, tengo una lista con unos nombres y otra con un menú, la lista de nombres tiene la función dragg y el menú la de dro. Mi idea es que al arrastrar y soltar cualquier nombre en cualquier fila del menú, en la base de datos se me cambie un numero de id, lo que tengo hasta ahora es:
javascript
:
Código HTML:
$(document).ready(function(){
var $tabla = $('.tarea'), $lista = $('.lista');
$('li', $tabla).draggable({
//helper: 'clone',
cursor: 'move',
connectWith: '.lista li',
//revert: true
});
$('li', $lista).droppable({
accept: '.tarea li',
hover: '',
drop: function(ev, ui) {
// esta funcion se activa al soltar el elemento en el area
// recuperamos el id del elemento que estamos agarrando
var id = ($(ui.draggable).attr("id"));
var idmenu = ($(ui.droppable).attr("idmenu"));
$.ajax({
url: "editartarea.php",
type: "GET",
dato: {id: $("id").val(), idmenu: $("idmenu").val()},
}).done(function(response){
$("#resultados").html(response);
}).fail(function(jqXHR, textStatus){
alert("Se ha producido un fallo: " + textStatus);
});
}
});
});
uno de los elementos del menú:
Código HTML:
<ul class="lista aqui nav nav-sidebar">
<li>Acciones</li>
<li id="<?php $idmenu=2; ?>"><a href="inbox.php?pagina=archivar">Archivar <span class="badge"><?php $idmenu=2; $cant = contar(2); if($cant != "0")echo $cant; else echo""; ?></span></a></li>
<li><a href="inbox.php?pagina=resolver">Resueltas <span class="badge"><?php $idmenu=3; $cant = contar(3); if($cant != "0")echo $cant; else echo""; ?></span></a></li>
</ul>
La parte que carga los nombres:
Código HTML:
$login_nick = $_SESSION["nick"];
$estadoTarea = 1;
$estadoAI = 1;
$resultado = consultar("SELECT * FROM tareas WHERE estadoActivoInactivo='$estadoAI' AND estadoTarea_estadoTarea='$estadoTarea' AND login_nick='$login_nick'");
while($row = mysql_fetch_array($resultado)){
echo "<ul class='tarea'> ";
echo "<li>".$row["nombreTarea"]."</li>";
echo "<input type='hidden' id='".$id=$row["idTarea"]."' name='idtarea'/>";
echo "</ul>";
}
Hasta ahora puedo arrastrar y soltar pero al soltar me dice que undefined index tanto del id como del idmenu, la verdad no se donde estoy haciendo mal las cosas.
Otro tema es que también estoy usando el framework de bootstrap para modelar la pagina puede ser problema con eso?
Desde ya muchas gracias nuevamente.
Saludos.