magicgrid/code.js at master · bartburkhardt/magicgrid · GitHub

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
var grabpoint = {};
var margin = 10;
var isdragging = false;
var selected;

$(function(){

	$(".comp").mousedown(function(e){
		grabpoint.left = e.pageX;
		grabpoint.top = e.pageY;
		grabpoint.cleft = $(this).position().left;
		grabpoint.ctop = $(this).position().top;
		isdragging = true;
		selected = this;
	});

	$(".comp").mouseup(function(e){
		isdragging = false;
	});

	$(document).mousemove(function(e){

		if(isdragging){


			$(selected).css("left", grabpoint.cleft + ( e.pageX - grabpoint.left  ) +  "px");
			$(selected).css("top", grabpoint.ctop + ( e.pageY - grabpoint.top  ) + "px");

		}

	});


	ArrangeComponents();

});


function ArrangeComponents(){

	var components = $(".comp");
		var heightcount = 0;

		for(var i=0; i<components.length; i++){

			if(i > 0 ) heightcount+= margin;

			$( components[i] ).css("top", heightcount + "px" );
			heightcount += $( components[i] ).height();

		}


}