Completed

[repost] XSL transformation of xml files to HTML

This project was successfully completed by grammal for $133 USD in 2 days.

Get free quotes for a project like this
Employer working
Completed by:
Skills Required
Project Budget
$30 - $250 USD
Completed In
2 days
Total Bids
10
Project Description

this is a repost of a precent job we did not assign, with a (hopefully) clearer assignment

we have a collection of XML files identified by numbers (see q/*.xml) all adhering to the [url removed, login to view] schema, see the output of:
ls -1 q/*.xml | xargs xmllint --schema [url removed, login to view] --noout
the files describe a multi-level hierarchy of models
additionally there is one [url removed, login to view] file (table of contents) that contains the information on the entire model hierarchy
the [url removed, login to view] file adheres to the [url removed, login to view] schema, see the output of:
xargs xmllint --schema [url removed, login to view] --noout q/[url removed, login to view]

we currently generate a HTML view of the same data (see w/*.html), but that has three limitations:
- it is ugly
- it has no left-pane navigation
- and it does not use CSS for formatting

we need an XSL transformation to convert the xmls to HTML with:
- a horizontally-split two-frame view
- left pane: drillable, clickable treeview of the models hierarchy produced from the [url removed, login to view]; shows tag, description and type; group units+flowsheets and steams, and in each folder sort by tag; the attached tree*.png screenshots shows how it should look like; use the 32x32 bit icons in [url removed, login to view]
- right pane: tabbed (similar to what we have today) view of strings, integers and quantities for the currently selected object in the treeview; ignore the submodels tags
- prev/next/up navigation buttons

requirements:
- keep a structure of small HTML files rather than a single HTML file, with the exception of the treeview pane
- use CSS for formatting and functionalities
- the treeview should be based on the CSS3 treeview technique described here:
[url removed, login to view]
- the tabbed view should be based on the CSS3 Tabbed Navigation described here:
[url removed, login to view]
- the resulting HTML:
- must contain no javascript
- must not include any third-party javascript libraries
- must validate as XHTML 1.0 Strict on [url removed, login to view]
- must be compatible with IE 9+, chromium 27+ and iceweasel 10+

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online