FLOORPLAN: Added javascripts

git-svn-id: https://svn.fhem.de/fhem/trunk@7968 2b470e98-0d58-463d-a4d8-8e2adae1ed80

fhem/www/pgm2/floorplan_click.js

@@ -0,0 +1,12 @@
+
+$(document).ready(function($){ 
+
+	$("div.fp_device_div.style_1, tr.devicestate").on("click", function(e) {
+		if (!$(e.target).is('a')) {
+			$(this).find("a").trigger('click');
+			return false;
+		}
+		return true;
+	});
+
+});

fhem/www/pgm2/floorplan_drag.js

@@ -0,0 +1,99 @@
+function increment(e,field) {
+    var keynum
+
+    var step = 1;
+    if( e.shiftKey ) step = 10;
+	if( e.ctrlKey  ) step = 3;
+
+    if(window.event) {// IE 
+        keynum = e.keyCode
+    } else if(e.which) {// Netscape/Firefox/Opera 
+        keynum = e.which
+    }
+    if (keynum == 38) {
+        field.value = parseInt(field.value)+ step;
+    } else if (keynum == 40) {
+        field.value = parseInt(field.value) - step;
+    }
+
+	if ("createEvent" in document) {
+	    var evt = document.createEvent("HTMLEvents");
+	    evt.initEvent("change", false, true);
+	    field.dispatchEvent(evt);
+	}
+	else
+	    field.fireEvent("onchange");
+
+    return true;
+}
+
+$(document).ready(function($){
+
+	$( "#fp_ar_input_top" ).change(function(e) {
+		var cl = $(this).attr("name").replace(/top./,"");
+		$( "div#div-" + cl ).css('top', $(this).val() + "px");
+	});
+
+	$( "#fp_ar_input_left" ).change(function(e) {
+		var cl = $(this).attr("name").replace(/left./,"");
+		$( "div#div-" + cl ).css('left', $(this).val() + "px");
+	});
+
+        $( ".fp_device_div, .fp_weblink_div" ).draggable({
+                snap: true,
+                snapTolerance: 8,
+
+		drag: function( event, ui ) {
+
+			$('body').css('cursor','move');
+
+			var isCtrlPressed = event.ctrlKey;
+			var isShiftPressed = event.shiftKey;
+
+			var snapTolerance = $(this).draggable('option', 'snapTolerance');
+
+			var grid = 1;
+			if(isShiftPressed) {
+			    grid = 10;
+			}
+			if(isCtrlPressed) {
+			    grid = 3;
+			}			
+
+			var topRemainder = ui.position.top % grid;
+			var leftRemainder = ui.position.left % grid;
+
+			if (topRemainder <= snapTolerance && !isCtrlPressed) {
+			    ui.position.top = ui.position.top - topRemainder;
+			}
+
+			if (leftRemainder <= snapTolerance && !isCtrlPressed) {
+			    ui.position.left = ui.position.left - leftRemainder;
+			}
+
+                        var device = ui.helper.context.id.replace(/div-/,"");
+                        var X = ui.position.left;
+                        var Y = ui.position.top;
+			$( "input#fp_ar_input_left." + device ).val(X);
+			$( "input#fp_ar_input_top." + device ).val(Y);
+
+		},
+  
+                stop: function( event, ui) {
+
+			$('body').css('cursor','auto');
+
+                        var device = ui.helper.context.id.replace(/div-/,"");
+                        var X = ui.position.left;
+                        var Y = ui.position.top;
+                        var style = ui.helper.context.getAttribute("fp_style", "");
+                        var text = ui.helper.context.getAttribute("fp_text", "");
+                        var text2 = ui.helper.context.getAttribute("fp_text2", "");
+                        var fp_name = ui.helper.context.getAttribute("fp_name", "");
+                        var cmd = "attr " + device + " fp_" + fp_name + " " + Y + "," + X + "," + style + "," + text + "," + text2;
+                        FW_cmd('/fhem/floorplan/'+fp_name+'?XHR=1&cmd='+cmd);
+
+                }
+        });
+
+});