Added getData method to retrive data

Author: csexperion

demo/index.html

@@ -5,12 +5,24 @@
   <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
 
 <script src="media/jquery.min.js"></script>
-<script src="../jquery.textover.js"></script>
+<script src="../jquery.textover.min.js"></script>
 <script type="text/javascript">
   jQuery(function($){
 
+    var textover_api;
+
     // How easy is this??
-    $('#target').TextOver();
+    $('#target').TextOver({}, function() {
+      textover_api = this;
+    });
+
+    $('#show').click(function () {
+      html = '';
+      $.each(textover_api.getData(), function() {
+        html += 'Text &raquo; ' + this.text + ' Left &raquo; ' + this.left + ' Top &raquo; ' + this.top + '<br />';
+      });
+      $('#data').html(html).show();
+    });
 
   });
 
@@ -23,7 +35,7 @@
 
 <div class="container">
 <div class="row">
-<div class="span12">
+<div class="span11">
 <div class="demo-box">
 
 <div class="page-header">
@@ -36,10 +48,13 @@ <h1>jQuery Text Over</h1>
   <div class="description">
   <p>
     <b>This example demonstrates the default behavior of jQuery Text Over.</b><br />
-    Click on the top of the image and type the text. For add another one click and write again. Esc will remove your last typed text.
+    Click on the top of the image and type the text. For add another one click and type again. Esc will remove your last typed text.
   </p>
   </div>
 
+<div id="data" class="well"></div>
+<button id="show">Show Data</button>
+
 <div class="clearfix"></div>
 
 </div>

demo/media/demos.css

@@ -11,3 +11,7 @@
   box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
   padding: 1em 2em 2em;
 }
+
+#data {
+  display: none;
+}

jquery.textover.js

@@ -28,11 +28,26 @@
   			'resize': 'none'
 	    };
 
+        var $img = $(obj);
+
 	    getPos = function(obj) {
 	      var pos = $(obj).offset();
 	      return [pos.left, pos.top];
 	    };
 
+        getData = function() {
+          removeEmpty();
+          data = [];
+          imgPos = getPos($img);
+          $.each(messages, function() {
+            pos = getPos(this);
+            textLeft = pos[0] - imgPos[0];
+            textTop = pos[1] - imgPos[1];
+            data.push({ 'text': this.val(), 'left': textLeft, 'top': textTop });
+          });
+          return data;
+        }
+
 	    mouseAbs = function(e) {  
 	      return [e.pageX, e.pageY];
 	    };
@@ -111,7 +126,6 @@
 
         api = $.TextOver(this, options);
         if ($.isFunction(callback)) callback.call(api);
-
 
         // Return "this" so the object is chainable (jQuery-style)
     	return this;