Fixed some IE related bugs. It should work in IE9+

basilfx · basilfx · commit 51de293ae5a1 · 2012-12-31T01:17:56.000+01:00
diff --git a/README.md b/README.md
@@ -5,8 +5,8 @@ The plugin does not include a GUI/Form. It only handles the logic to draw marker
 
 ## Requirements
 
-* jQuery 1.7+
-* HTML2Canvas
+* jQuery 1.8.3+
+* HTML2Canvas v0.34
 
 ## Demos
 
@@ -24,6 +24,7 @@ HTMLFeedback is tested in:
 * Safari 5+
 * Firefox 8+
 * iOS 5+
+* IE9+ (preferably IE10)
 
 HTMLFeedback is Beta, so please help me find bugs!
 
diff --git a/examples/advanced.html b/examples/advanced.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head>    
-    	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+    	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
     	
         <!-- Begin HTMLFeedback -->
         <link rel="stylesheet" type="text/css" href="css/htmlfeedback.css">    
diff --git a/examples/basic.html b/examples/basic.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head>    
-    	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+    	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
     	
         <!-- Begin HTMLFeedback -->
         <link rel="stylesheet" type="text/css" href="css/htmlfeedback.css">    
diff --git a/examples/upload.html b/examples/upload.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head>    
-    	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+    	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
     	
         <!-- Begin HTMLFeedback -->
         <link rel="stylesheet" type="text/css" href="css/htmlfeedback.css">    
diff --git a/jquery.htmlfeedback.js b/jquery.htmlfeedback.js
@@ -144,7 +144,8 @@
 
 		// CSS for the rectangles container
 		markers: {
-			"z-index": 5000
+			"z-index": 5000,
+            "background-color": "rgba(0,0,0,0)"
 		},
 
 		// CSS for the rectangles drawn
@@ -161,7 +162,7 @@
 			"-moz-user-select": "-moz-none",
 			"-khtml-user-select": "none",
 			"-webkit-user-select": "none",
-			"user-select": "none",
+			"user-select": "none"
 		}
 	}
 
@@ -260,7 +261,7 @@
         /**
          * @var callback Hide event
          */
-        onHide: function() {},
+        onHide: function() {}
     }
 
 	/**
@@ -468,12 +469,13 @@
 		markers.mousedown(function(e) {
 			rectangle = $("<div />").css({
 				"left" : e.pageX,
-				"top" : e.pageY,
+				"top" : e.pageY
 			}).css($.extend(
 				css.rectangle,
 				css.unselectable,
 				{ "background-color": instance.options.color }
 			));
+            //alert(instance.options.color);
 
 			var rectangleLeft = e.pageX;
 			var rectangleTop = e.pageY;
