jQuery API Browser using raw XML from jquery site and XSLT. How to generate and embed runnable code?
<p>I have developed a jQuery API browser from the raw XML available from  <a href="http://api.jquery.com/api/" rel="nofollow">http://api.jquery.com/api/</a> they also have a Dynamic API browser which is built from this XML i guess <a href="http://api.jquery.com/browser/" rel="nofollow">http://api.jquery.com/browser/</a> but it is slightly difficult to navigate because you do not get to see all the API of one type together, you can only see the details when you click on one of the links. So to overcome this difficulty i have built my own API browser with this raw XML. This is what I have <a href="http://samarjit.net78.net/jquerybrowser/jquery.apitest2.xml" rel="nofollow">http://samarjit.net78.net/jquerybrowser/jquery.apitest2.xml</a>. build with XSLT mostly and 4 javascript functions. I did the navigation simplistic and with minimum code and minimum javascript parsing as this XML is big. Left side is menu right side is snapshot of similar APIs and middle is details description. The pages gets loaded only once and hence its fast.</p>

<p>This is what I wanted to share. 
There is a possibility to create dynamically, demo sections. 
 I couldn't figure out how to create sample executable code dynamically from snippets of <code>&lt;css&gt;, &lt;code&gt; and &lt;html&gt;</code> dynamically. The codes look so different some methods needs to be called on <code>$(document).ready()</code> but some are normal functions which should be outside closures.</p>

<p>I would also like to learn some scalable implementation methods, given that generated HTML is quite big.
I do not want to create many <code>&lt;iframes/&gt;</code> which will download lot of files while initial loading. </p>
