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:
<?xml version=”1.0” encoding=”utf-8”?>
>
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>