I have developed a jQuery API browser from the raw XML available from http://api.jquery.com/api/ they also have a Dynamic API browser which is built from this XML i guess http://api.jquery.com/browser/ 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 http://samarjit.net78.net/jquerybrowser/jquery.apitest2.xml. 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.
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 <css>, <code> and <html> dynamically. The codes look so different some methods needs to be called on $(document).ready() but some are normal functions which should be outside closures.
I would also like to learn some scalable implementation methods, given that generated HTML is quite big.
I do not want to create many <iframes/> which will download lot of files while initial loading.
I have implemented this although initial loading takes sometime but after that it runs fine. I am creating the HTML for testing based on fixed template each time the user wants to test a scriptlet. The editing that is done is not saved. http://samarjit.net78.net/jquerybrowser/jquery.apitest2.xml