show how we can directly define gadget to define directly in index.html

poc/renderjs/index.html

@@ -25,14 +25,14 @@
 
 <div class="wrapper"><!-- not needed? up to you: http://camendesign.com/code/developpeurs_sans_frontieres -->
 
+  <!-- here we show example of gadget definition directly defined in html-->
   <header>
-    <div id="gadget-header"/>
+    <div id="gadget-header" gadget="gadget/cached_navigation.html"/>
   </header>
   
   <article>
-
+    <!-- here we will show example of adding gadget through javascript code-->
     <div id="gadget-article">
-  
   </article>
   
 </div>

poc/renderjs/js/renderjs_poc.js

 /* trigger when page is ready */
 $(document).ready(function (){
-  RenderJs.TabbularGadget.addNewTabGadget('gadget-header', 'gadget/cached_navigation.html');
+  // Only bootstrap a div wich define a gadget
+  RenderJs.bootstrap($("#gadget-header"));
+  // Here we add gadget to an existing div with javascript code
   RenderJs.TabbularGadget.addNewTabGadget('gadget-article', 'gadget/article.html');
 });
\ No newline at end of file