Using XQuery to prerender html

[Anders Viklund]

Hi,

I am totally new to XQuery and I would like to know if it is suitable to use XQuery to transform html files into jQuery Treeview format.


Basically, what I would like to to is transform this:

<li>
  <img src="../images/speaker-grey.gif"/>
  <font color="#7f7f7f">
    <b>Root</b>
  </font>
  <ul>
    <li>
      <span class="folder">Order</span>
      <ul>
        <li>
          <span class="file">id = 1234</span>
        </li>
        <li>
          <span class="file">type = order.cancel</span>
        </li>
        <li>
          <span class="folder">Parameter</span>
          <ul>
            <li>
              <span class="file">id = 5678</span>
            </li>
          </ul>
        </li>
        <li>
          <span class="folder">Item</span>
          <ul>
            <li>
              <span class="file">id = 910</span>
            </li>
            <li>
              <span class="file">type = access</span>
            </li>
          </ul>
        </li>
      </ul>
    </li>
  </ul>
</li>



.. into this:

<ul class="filetree treeview">
  <li class="expandable lastExpandable">
    <div class="hitarea expandable-hitarea lastExpandable-hitarea"/>
    <img src="../images/speaker-grey.gif"/>
    <font color="#7f7f7f">
      <b>Root</b>
    </font>
    <ul style="display: none;">
      <li class="collapsable lastCollapsable">
        <div class="hitarea collapsable-hitarea lastCollapsable-hitarea"/>
        <span class="folder">Order</span>
        <ul>
          <li>
            <span class="file">id = 1234</span>
          </li>
          <li>
            <span class="file">type = order.cancel</span>
          </li>
          <li class="collapsable">
            <div class="hitarea collapsable-hitarea"/>
            <span class="folder">Parameter</span>
            <ul>
              <li class="last">
                <span class="file">id = 5678</span>
              </li>
            </ul>
          </li>
          <li class="collapsable lastCollapsable">
            <div class="hitarea collapsable-hitarea lastCollapsable-hitarea"/>
            <span class="folder">Item</span>
            <ul>
              <li>
                <span class="file">id = 910</span>
              </li>
              <li class="last">
                <span class="file">type = access</span>
              </li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>


This the structure of this jQuery Treeview:

Root
  Order
    id = 1234
    type = order.cancel
    Parameter
      id = 5678
      Item
        id = 910
        type = access


Any ideas how to do this are highly appreciated!

_________________________________________________________________
Connect to the next generation of MSN Messenger 
http://imagine-msn.com/messenger/launch80/default.aspx?locale=en-us&source=wlmailtagline
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://x-query.com/pipermail/talk/attachments/20080807/5de7de7a/attachment.htm