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