retain marker after paging

Author: daimatz

marker.html

@@ -48,16 +48,16 @@
   rectDom.addEventListener ("mousemove", onMouseMove, false);
 }
 function onMouseMove (e) {
-  draw();
+  draw(true);
   _rectangle.endY = e.layerY - _rectangle.startY;
   _rectangle.endX = e.layerX - _rectangle.startX;
   context.lineWidth = 3;
   context.strokeStyle = "rgb(255, 0, 0)";
   context.strokeRect (_rectangle.startX, _rectangle.startY, _rectangle.endX, _rectangle.endY);
 }
 function onMouseUp (e) {
-  draw();
-  _rectangle = createRect();
+  draw(true);
+  // _rectangle = createRect();
   rectDom.removeEventListener ("mousemove", onMouseMove, false);
 }
 
@@ -70,13 +70,15 @@
   };
 }
 
-function draw() {
+function draw(update) {
   context.clearRect(0, 0, rectDom.width, rectDom.height);
   context.lineWidth = 3;
   context.strokeStyle = "rgb(255, 0, 0)";
   var r = _rectangle;
   context.strokeRect(r.startX, r.startY, r.endX, r.endY);
 
+  if (!update) { return; }
+
   var n = normalize(_rectangle);
   if (n.endX * n.endY === 0) {
     document.getElementById('selected_area').innerText = '';
@@ -105,7 +107,7 @@
 
 rectDom.addEventListener("mousedown", onMouseDown, false);
 rectDom.addEventListener("mouseup" , onMouseUp , false);
-imageDom.addEventListener('load', resize, false);
+imageDom.addEventListener('load', function() { resize(); draw(false); }, false);
 
 renderPage();
   </script>