jQuery Menubar e web.sitemap

Após o HTML 5 Microsoft WebCamp Portugal, surgiu-me algum interesse em explorar o plugin Menubar.

Este plugin transforma uma lista num menu bastante agradável, e como tal, gostava de o implementar num projecto em que utilizo o web.sitemap.

Para tal, precisei de recorrer a um XLST para transformar o web.sitemap, que não é mais que um XML, numa lista no formato que o Menubar necessita.

Segue então um exemplo do web.sitemap:

>                         title="Submenu 1" description="Submenu 1" />                             title="Submenu 2" description="Submenu 2" />             title="Submenu 3" description="Submenu  3" />             </siteMap> Para transformar o XML numa lista, usei o seguinte XSLT xmlns:map="<http://schemas.microsoft.com/AspNet/SiteMap-File-1.0">                 exclude-result-prefixes="map">        
  •                                  
                       
         
       
  •  
           
    Desta forma, irei obter uma lista igual à seguinte:        
  • Menu 1                    
  •        
  • Menu 2                    
  • Por fim, basta-nos adicionar um controlo XML que irá fazer o render da lista. A inserção do controlo entre uma “unordered list” foi propositado, pois só assim é que teremos o menu a funcionar correctamente e teremos um resultado identico ao que está no seguinte site: <http://view.jqueryui.com/master/demos/menubar/default.html>