I require code which will populate the relevant cells of an html table based on the data contained within an constantly updating XML file. This update must happen without having to refresh the Web page, therefore AJAX seems the most obvious route - using a lightweight framework such as prototype is preferable. The update frequency must be definable in seconds.
The table columns must be dynamically sortable, based on the current data shown within it. Also, when a cell's data is updated, i would like the cell to flash in colour - an example can be seen here: [login to view URL] Finally, if a new row of data is added to the XML file, i would like the AJAX or equivalent to add this row to the table without the need for the user to refresh the Web page.
## Deliverables
In summary, I will provide example XML files from which the coder can use to build the project from. I will provide the table css/html design that i wish to be used. I will also provide the Web hosting for the coder to use.
To confirm, the project MUST:
* Create and update a table based on data contained in an XML file
* Update the relevant table cell(s) if the data for the cell has changed in the XML file, therefore multiple cell values may change in a single update
* The update frequency must be configurable in seconds
* The process of updating the table data must NOT require the user to refresh the Web page
* If a new row of data is included in the XML file since the last update, then this row must be dynamically added to the table without the need for the user to refresh the Web page
* When a cell's contents is changed, the cell must flash in a yellow colour to signify that the data has changed
* The table columns must be sortable in both ascending and descending order by clicking on the column header. This must NOT require a page reload
* All table cells, not just the text within them, must open a link to an external page (in a new browser window). The URL link for each cell will be contained in the XML file
* When one or more cells are updated, they must remain in the same position within the table
* This code must work in IE6 IE7, Firefox 1, 2, 3, Google Chrome, Safari and Opera
Cheers