Posted By

gerhardsletten on 12/07/09

Tagged

Versions (?)

Last Edited at 12/07/09 04:22pm

Statistics

Viewed 1576 times

Favorited by 4 user(s)

Related snippets

JQuery Live and draggable event with elements created on the fly

/ Published in: jQuery

PHP code is CakePHP style, replace with regular html

Highlighted TextExpand

<?php /* PHP code is CakePHP style, replace with regular html */
echo $javascript->link('ui/ui.core.js', false);
echo $javascript->link('ui/ui.draggable.js', false);
echo $javascript->link('ui/ui.droppable.js', false);
?>

jQuery('.day-holder').droppable({
	accept: '.workout-event',
	activeClass: 'ui-state-highlight',
	drop: function(ev, ui) {
		droppedWorkout(ui.draggable,$(this));
	}
});

var url = "<?php echo $html->url(array('action'=>'move'))?>";
function droppedWorkout(item, target) {
	var query = url + '/' + item.attr('rel') + '/' + target.attr('title');
	
	jQuery.getJSON(query, function(data){
		item.hide();
		item.appendTo(target.find('.event-holder')).fadeIn();
	});
}

});
</script>

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.