[jQuery] drag & drop post to db
After way too many hours wasted, I find I have to ask for help. I am a
coldFusion programmer and a neophyte at jquery.
I am trying to show and post info for a drag & drop page. I need to
show the coordinates and strokeNo and post to a database the same plus
the div of where the draggable was dropped. Hopefully this makes
sense. Thanks in advance...
test page: http://teazer.com/test.cfm
$(document).ready(function(){
$(".drag").draggable({containment: ".wrapper"});
$(".drag").mousemove(
function(e){$(this).html(e.pageX +','+ e.pageY);
});
$(".drop").droppable({
accept: ".drag",
drop: function(ev, ui) {
var dragInfo =
$(this).attr("id");
$(this).append((ui.draggable).text());
$(this).append(",");
$(this).append(dragInfo);
//posting the info to the database
$("#S1").click(function(e){$.post("scripts.cfm", { coords: e.pageX
+','+ e.pageY, strokeNo: '1', dropLocation: '?' });});
}
});
});