// File: readXML.js
// Start function when DOM has completely loaded
$(document).ready(function(){
// Open the students.xml file
$.get("xml/schedule.xml",{},function(xml){
// Build an HTML string
myHTMLOutput = '';
myHTMLOutput += '';
myHTMLOutput += '| VENDOR | COURSE DATES | COURSE TITLE | LOCATION | AVAILABILITY | BOOKING |
';
// Run the function for each course tag in the XML file
$('course',xml).each(function(i) {
courseId = $(this).attr("courseid");
courseVendor = $(this).find("vendor").text();
courseDateStart = $(this).find("fromdate").text();
courseDateEnd = $(this).find("todate").text();
courseTitle = $(this).find("title").text();
courseLocation = $(this).find("location").text();
courseAvailability = $(this).find("status").text();
//courseId = $(this).find("course").attr("courseid");
// Build row HTML data and store in string
mydata = BuildCourseHTML(courseVendor,courseDateStart,courseDateEnd,courseTitle,courseLocation,courseAvailability,courseId);
myHTMLOutput = myHTMLOutput + mydata;
});
myHTMLOutput += '
';
// Update the DIV called Content Area with the HTML string
$("#ContentArea").append(myHTMLOutput);
});
});
function BuildCourseHTML(courseVendor,courseDateStart,courseDateEnd,courseTitle,courseLocation,courseAvailability,courseId){
// Build HTML string and return
output = '';
output += '';
output += '| '+ courseVendor + ' | ';
output += ''+ courseDateStart +' to ' + courseDateEnd +' | ';
output += ''+ courseTitle +' | ';
output += ''+ courseLocation +' | ';
output += ''+ courseAvailability +' | ';
output += 'BOOK HERE | ';
output += '
';
return output;
}