Add example how a gadget may require its own javascript files to be

loaded using requirejs.

Add example how a gadget may require its own javascript files to be
loaded using requirejs.
83d9304c · Ivan Tyagov · c8ad49b4 · 83d9304c · 83d9304c · 83d9304c
Commit 83d9304c authored Nov 14, 2012 by Ivan Tyagov
4 changed files
--- a/examples/requirejs_gadget_dependency_load/index.html
+++ b/examples/requirejs_gadget_dependency_load/index.html
+<html>
+  <head>
+    <script data-main="../../require-renderjs.js"
+            type="text/javascript"
+            src="../../lib/require/require.js"></script>
+  <head>
+  <body>
+    <div id="requirejs-gadget"
+         data-gadget="requirejs-gadget.html"
+         data-gadget-cacheable="0"
+         data-gadget-cache-id="requirejs-gadget"></div>
+  </body>
+</html>
\ No newline at end of file
--- a/examples/requirejs_gadget_dependency_load/require-gadget-implementation.js
+++ b/examples/requirejs_gadget_dependency_load/require-gadget-implementation.js
+// This module contains gagdets JavaScript implementation code
+
+function setLoaded() {
+  $("#loading").text('Loaded now using requirejs.');
+}
\ No newline at end of file
--- a/examples/requirejs_gadget_dependency_load/require-gadget.js
+++ b/examples/requirejs_gadget_dependency_load/require-gadget.js
+// This file defines all required javascript files for this gadget
+
+require(["require-gadget-implementation.js"],
+         function (domReady) {
+           // required by this gadget code is loaded so we can use it
+           setLoaded();
+         });
--- a/examples/requirejs_gadget_dependency_load/requirejs-gadget.html
+++ b/examples/requirejs_gadget_dependency_load/requirejs-gadget.html
+<html>
+  <head>
+    <script type="text/javascript"
+            src="require-gadget.js"></script>
+  </head>
+  <body>
+    <p>This gadget uses requirejs to load its dependency.</p>
+
+    <div id="loading">Loading ....</div>
+
+  </body>
+</html>
\ No newline at end of file