I have a table of games in a grid, say 4 x 4. I want to drag any one of the td elements to another and invoke a function with the id numbers of each div, the source and the target.

I plan to make each table td contain a div with an id for the game.

All Users

User ID: 1
  Select it.

User ID: 2
  Select it.

User ID: 3
  Select it.

User ID: 4
  Select it.

User ID: 5
  Select it.

User ID: 6
  Select it.

User ID: 7
  Select it.

Right »
« Left

Select maximum 5.

To save selected categories in DB you need to send the ID’s of selected categories to server using AJAX. You can use jQuery for you AJAX implementation. You need to modify the function called on click of “View” button. Here is the updated code snippet:

$(‘#view’).click(function() {
var users = “;

$(‘#selected_users .innertxt2′).each(function() {
var user_id = $(this).attr(‘userid’);
if (users == “)
users += user_id;
else
users += ‘,’ + user_id;
});

if (users == ”) {
alert(‘Select category’);
return;
}

jQuery.ajax({
url:’php_file.php’,
data:{‘selected_cids’: users},
type:’POST’,
success:function(info) {
alert(‘Data has been save successfully in DB.’);
}
});
});

You can retrieve the selected category ID’s at server side using $_POST['selected_cids'].

php and mysql

Thanks
David

I read your answer to Twitch and try to use that, but still don’t get results.

Here is my code:

$(document).ready(function () {
$.ajax({
type: “GET”,
url: ”,
dataType: “xml”, // I use xml
success: function(xml){
var cadena=”";
$(xml).find(“alumno”).each(function () {
cadena=cadena+’\n\
‘+$(this).find(“nombre”).text()+’\n\
\n\
\n\
  Select it.’;
});
$(‘#all_users’).html(cadena);
$(‘#all_users .selectit’).click(function() {
var userid = $(this).val();

$(‘#user’ + userid).toggleClass(‘innertxt_bg’);
});
$(‘#selected_users .selectit’).click(function() {
var userid = $(this).val();
$(‘#user’ + userid).toggleClass(‘innertxt_bg’);
});
// asignarAcciones();

}

});

colocarOpciones(); // I call hear to the other functions
});
}

Thanks

Jhonny, from Ecuador