Added new example by using a js object as a source

LonelyPrincess · LonelyPrincess · commit f86d01c38388 · 2017-07-08T17:43:36.000+01:00
diff --git a/examples/localize_from_object.html b/examples/localize_from_object.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title>Localize Test</title>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+    <script src="../dist/jquery.localize.min.js" type="text/javascript" charset="utf-8"></script>
+  </head>
+
+  <body>
+    <h1>Test localization...</h1>
+    <p data-localize="test.nested">puts 2 + 2</p>
+    <input data-localize="test.input" type="text" value="fail" />
+    <select>
+      <optgroup data-localize="test.optgroup" label="Fail">
+        <option data-localize="test.option" value="1">Fail</option>
+      </optgroup>
+    </select>
+    <p>
+      <img src="ruby_square.gif" alt="a square ruby" data-localize="test.ruby_image"/>
+      Ruby image should be round.
+    </p>
+    <p data-localize="basic">It failed :(</p>
+    <p data-localize="function">This text should remain unchanged</p>
+    <script type="text/javascript" charset="utf-8">
+      $(function(){
+        var object = {
+          "test": {
+            "nested": "nested success",
+              "input": "input success",
+              "input_as_obj": {
+                "value": "input_as_obj value success",
+                "title": "input_as_obj title success"
+              },
+            "optgroup": "optgroup success",
+            "option": "option success",
+            "ruby_image": {
+              "src": "ruby_round.gif",
+              "alt": "a round ruby",
+              "title": "A Round Ruby"
+            },
+            "link": {
+              "text": "success",
+              "href": "http://success"
+            }
+          },
+          "basic": "basic success",
+          "with_title": {
+            "text": "with_title text success",
+            "title": "with_title title success"
+          },
+          "function": function () {}
+        };
+
+        $("[data-localize]").localize(object);
+      })
+    </script>
+  </body>
+
+</html>
