
pasaje de datos ajax
Publicado por diego (4 intervenciones) el 26/02/2014 23:58:28
Buenas tardes, tengo el siguiente inconveniente:
Tengo dos listas, una es una lista con nombres, la segunda es un menú, estoy usando drag & drop de Jquery, lo que tengo hasta ahora, puedo arrastrar los elementos de la lista de nombres y soltarlos en el menú y me los reconoce, lo que no puedo hacer es diferenciar los distintos campos del menú, otra cosa es que al soltar los elementos me quedan sobre el menú y tengo que actualizar la página para que desaparezcan, los códigos son:
Jquery para el drag & drop:
En el menu para identificar a cada elemento uso el id en el li del elemento del menú con php:
[code<li id="<?php $idmenu='2'; echo $idmenu; ?>"><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>[/code]
Pero en la función de jqeury no me toma el valor, para probarlo tuve que usar un valor fijo como se ve en la función.
El otro tema es que al soltar el elemento sobre el menú se actualice sola la pagina para que desaparezca el elemento.
He intentado enviar un header('Location: inbox.php?pagina=bandeja') pero en ajax no me lo toma y no se como enviar ese header. Es decir, me podrían ayudar con el tema de que al soltar el elemento desaparezca y se refresque sola la pagina?
Desde ya muchas gracias
Tengo dos listas, una es una lista con nombres, la segunda es un menú, estoy usando drag & drop de Jquery, lo que tengo hasta ahora, puedo arrastrar los elementos de la lista de nombres y soltarlos en el menú y me los reconoce, lo que no puedo hacer es diferenciar los distintos campos del menú, otra cosa es que al soltar los elementos me quedan sobre el menú y tengo que actualizar la página para que desaparezcan, los códigos son:
Jquery para el drag & drop:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
$(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',
activeClass: "ui-state-hover",
//hoverClass: "ui-state-active",
drop: function(ev, ui) {
// esta funcion se activa al soltar el elemento en el area
// recuperamos el id del elemento que estamos agarrando
//var $idmenu = ($(this).attr("idmenu"));
var $idmenu = "2";
var $id = ($(ui.draggable).attr("id"));
$.ajax({
url: "editartarea.php?id="+ $id +"&idmenu=" + $idmenu,
type: "GET",
//dato: {id: $("id").val(), idmenu: $("idmenu").val()},
}).done(function(response){
$(this).html('inbox.php?pagina=bandeja');
}).fail(function(jqXHR, textStatus){
alert("Se ha producido un fallo: " + textStatus);
});
}
});
});
En el menu para identificar a cada elemento uso el id en el li del elemento del menú con php:
[code<li id="<?php $idmenu='2'; echo $idmenu; ?>"><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>[/code]
Pero en la función de jqeury no me toma el valor, para probarlo tuve que usar un valor fijo como se ve en la función.
El otro tema es que al soltar el elemento sobre el menú se actualice sola la pagina para que desaparezca el elemento.
He intentado enviar un header('Location: inbox.php?pagina=bandeja') pero en ajax no me lo toma y no se como enviar ese header. Es decir, me podrían ayudar con el tema de que al soltar el elemento desaparezca y se refresque sola la pagina?
Desde ya muchas gracias
Valora esta pregunta


0