JavaScript, XML and HTML small project.

I have a unique mini project for a skilled JavaScript developer working with XML and HTML.

A full understanding of JavaScript, XML and HTML is required.

Excellent communication, listening and comprehension skills are a must also as I know exactly what it is that is needed, but I may require some help with finding the best way of implementing this idea.

I will now explain the requirements for stage one of implementation of my idea.

It must not use or be reliant on any 3rd party plugin, framework or library so no JavaScript includes, it has to be good, clean, pure JavaScript within the page itself, the code must be documented.

The page itself will consist of 1 HTML file, the look of this view I am not fussed about at this stage, rather it is the implementation of the code and queries related to the code which is most important.

This HTML file although 1 will behave as a dynamic file, which will retrieve data from an XML file, the XML files I will provide.

The XML files follow a tree structure, the trunk holds the location data related to the branches, the branches hold the data for the view.

Simply put it works like this, the trunk XML file is related to the header in the HTML files view, this must be done in a way where it can be styled easily at a later date, the requirement here is I don’t want any HTML other than container tags, I want the data produced dynamically by looping through the XML nodes.

These produce hyperlinks which are actually just hashes, the hashes are retrieved back to JavaScript, this data retrieval tells us what XML files to use next.

This will be a stand-alone bible app in this instance but the coding used for this will be used as a template for other projects moving forwards.

So to recap quickly the view consists of 2 parts, the header which is the navigation from the trunk it refers to, the data is what is displayed from the hashed URL, the default view is if it has no URL hash some default data is displayed, if a hash is detected it uses the data from this hash to update the data section of the view.

For example someurl/#ENG_KJV_GEN would load ENG_KJV_GEN.xml data and loop through these nodes in the data section of the view.

Once 2 working examples are provided I am happy this is phase 1 of this idea completed, which would be the book of Genesis linked in via a hash and displayed to a view which can be manipulated.

If this is coded the way I intend this, it would mean the pulling of the data for the next book Exodus would be dynamic reusing the same code, this is essential for the completion of this project.

To a good programmer I know this should not take long, I did start to implement this idea myself but have decided to leave this foundational work to a more experienced programmer to ensure it is done right, hence me presenting this idea here.

Please send information on what experience you have related to this idea and briefly how you intend on implementing this, and your charge and how long you think this should take.