Add support for data-loadingdots-* attributes.

Author: Paulo Pereira

README.md

@@ -8,12 +8,14 @@ With bower: `bower install jquery-loadingdots`.
 
 ## Usage
 
+### Options
+
 Call `loadingdots()` on your jQuery object. Takes optional parameters, which default to:
 ```javascript
 {
-  word:   'Loading',  // String, Word prefixing the dots
-  dots:   3,          // Number, maximum number of dots
-  speed:  400         // Number, time in miliseconds of dots increasing interval
+  word:   'Loading',  // String: Word prefixing the dots
+  dots:   3,          // Number: Maximum number of dots
+  speed:  400         // Number: Time, in miliseconds, between dots increase
 }
 ```
 
@@ -30,7 +32,21 @@ $('p').loadingdots({ word: 'Processing', speed: 250 });
 $('p').loadingdots({ word: '', dots: 5 });
 ```
 
-## Methods
+You can also set options via `data-*` attributes:
+* `data-loadingdots-word`: Word prefixig the dots
+* `data-loadingdots-dots`: Maximum number of dots
+* `data-loadingdots-speed`: Time, in miliseconds, between dots increase
+
+Example:
+```html
+<!-- No word and 5 dots -->
+<p data-loadingdots-word="Processing" data-loadingdots-speed="250"></p>
+
+<!-- You can set an empty string -->
+<p data-loadingdots-word="" data-loadingdots-dots="5"></p>
+```
+
+### Methods
 
 If you pass a string to `loadingdots` after initializing it, you can control its behaviour.
 

jquery.loadingdots.js

@@ -76,19 +76,33 @@
        *   object/undefined/null - overrides `defaultOptions` with `options` (if any), and starts plugin
        *   string                - calls the corresponding `base` method
        */
-      var DATA_OBJ_NAME = 'loadingdots';
+      var dataObjectKey = 'loadingdots';
       if (!options || typeof options == 'object') {
-        if (!$(el).data(DATA_OBJ_NAME)) {
-          var _options = $.extend({}, defaultOptions, options);
-          $(el).data(DATA_OBJ_NAME, base);
-          $(el).data(DATA_OBJ_NAME).init(_options);
+
+        // If Loading Dots hasn't been initialized yet
+        if (!$(el).data(dataObjectKey)) {
+
+          // Fetch options set via data-loadingdots-(word|dots|speed)
+          var dataOptions = {};
+          $.each(defaultOptions, function(key) {
+            var dataOption = $(el).data(dataObjectKey+'-'+key);
+            if (dataOption !== undefined) { dataOptions[key] = dataOption; }
+          });
+
+          // Override `defaultOptions` with `options`, and then with `dataOptions`
+          var _options = $.extend({}, defaultOptions, options, dataOptions);
+
+          // Set `base` as data-loadingdots, and init with _options
+          $(el).data(dataObjectKey, base);
+          $(el).data(dataObjectKey).init(_options);
+
         }
-        else {
-          $(el).data(DATA_OBJ_NAME).start();
+        else { // If Loading Dots is initialized, call start
+          $(el).data(dataObjectKey).start();
         }
       }
       else if (typeof options == 'string') {
-        $(el).data(DATA_OBJ_NAME)[options]();
+        $(el).data(dataObjectKey)[options]();
       }
 
     });