Search jQuery

jQuery Forum

Getting Started

vatanay

jQuery drag and drop inventory (database interaction)

in Getting Started • 4 months ago

Im working on jquery drag and drop inv scripts for my web based game but i need help about item limitation.

I want to limit number of items in inventory.How can i do this?

im using these files atm :

http://dannyvankooten.com/231/create-drag-and-drop-inventory-using-jquery/

http://dannyvankooten.com/259/jquery-drag-and-drop-inventory-database-interaction-22

Thanks!

Replies(5)

charlietfl

Re: jQuery drag and drop inventory (database interaction)

4 months ago

you can pass in option 'disabled' after you count your items

in docs look on options tab

vatanay

Re: jQuery drag and drop inventory (database interaction)

4 months ago

thanks but how?

I have no experience about editing js files.

Cant you help?

These are my codes;

<script type="text/javascript">
function itemInSpot(drag_item,spot)
{
var oldSpotItem = $(spot).find('img');
if(oldSpotItem.length > 0) {
oldSpotItem.appendTo('#inventory').draggable({ revert: 'invalid' });
}
var item = $('<img />');
drag_item.empty().remove(); // remove the old object
item.attr('src',drag_item.attr('src')).attr('id',drag_item.attr('id')).attr('class',drag_item.attr('class')).appendTo(spot).draggable({ revert: 'invalid' });
update_spots(); // update the DB
}
function update_spots()
{
// Create a list of all the items
var inventory_items = '';
var helm_item = ($('#helm img').length > 0) ? $('#helm img').attr('id') : '';
var shield_item = ($('#shield img').length > 0) ? $('#shield img').attr('id') : '';
var armor_item = ($('#armor img').length > 0) ? $('#armor img').attr('id') : '';
var axe_item = ($('#axe img').length > 0) ? $('#axe img').attr('id') : '';
var sword_item = ($('#sword img').length > 0) ? $('#sword img').attr('id') : '';
var bow_item = ($('#bow img').length > 0) ? $('#bow img').attr('id') : '';
var leggings_item = ($('#leggings img').length > 0) ? $('#leggings img').attr('id') : '';
$('#inventory img').each(
function(i) {
if($(this).attr('id') != '') {
if(inventory_items.length > 1) inventory_items += ',';
inventory_items += $(this).attr('id');
}
}
);
var uri = 'update_inventory.php?helm='+helm_item+'&armor='+armor_item+'&leggings='+leggings_item+'&shield='+shield_item+'&bow='+bow_item+'&axe='+axe_item+'&sword='+sword_item+'&inventory='+inventory_items;
$.ajax({ url: uri });
}
$(document).ready(function() {
$(".sword,.helm,.axe,.armor,.shield,.bow,.leggings").draggable({ revert: 'invalid'});
$('#inventory').droppable();
$("#sword").droppable({ accept: '.sword'})
$("#helm").droppable({ accept: '.helm'})
$("#leggings").droppable({ accept: '.leggings'})
$("#axe").droppable({ accept: '.axe'})
$('#shield').droppable({ accept: '.shield'});
$('#armor').droppable({ accept: '.armor'});
$('#bow').droppable({ accept: '.bow'});
$('#sword,#helm,#axe,#shield,#armor,#bow,#leggings,#inventory').bind('drop', function(ev,ui) { itemInSpot(ui.draggable,this); });
});
</script>