//function execute() will execute function parseXML() only when the form validation succeeded function execute() { if (validate()) { //if function validate() returns true parseXML; //then call function parseXML() } } /* function validate() will validate form data */ function validate() { var fileName = window.prompt("Type in filename", window.location) ; //obtain the XML filename from the text box var errMsg = ""; //initialise the error message var result = true; //initialise the result var pattern = /^[a-zA-Z0-9_]+\.xml$/; //regular pattern for a valid xml filename if(____________) { //check if a filename is entered errMsg += "Please enter a filename.\n"; } else { if(!fileName.match(pattern)) { //check if the filename entered is valid errMsg += "Please enter a valid XML filename.\n"; } else if(____________) { //check if the filename is nba.xml errMsg += "Please enter 'nba.xml', which is currently the only available XML file." } } if(errMsg != "") { //if there is an error, display the error message alert(errMsg); result = false; } else { result = true; //if the validation succeeded, assign true to result } return result; //return true or false to indicate successful or failed form validation } function parseXML() { var xhttp = new XMLHttpRequest(); //Create a XML HTTP request object xhttp.open("GET", "nba.xml", false); //setup the XML HTTP request xhttp.send(); //send the requrest to retrieve the XML document xmlDoc=xhttp.responseXML; //obtain received XML document //build a table using JavaScript document.write(""); document.write(""); document.write(""); //access nodes using their names var teams = xmlDoc.getElementsByTagName("Team"); //accessing the nodes named "Team" var teamNames = xmlDoc.getElementsByTagName("TeamName"); //accessing the nodes named "TeamName" var locations = xmlDoc.getElementsByTagName("Location"); //accessing the nodes named "Location" var starPlayers = xmlDoc.getElementsByTagName("StarPlayer"); //accessing the nodes named "StarPlayer" var stadiums = xmlDoc.getElementsByTagName("Stadium"); //accessing the nodes named "Stadium" // using a loop. insert rows into the table for(var i=0; i element using the values retrieved above document.write(""+""+""+""+""); } ____________; //close the

NBA Teams
Team Name	Location	Star Player	Stadium
"+teamName+"	"+location+"	"+starPlayer+"	"+stadium+"

element //style the table $("#teamTable").css("border", "1px solid black"); $("th").css("border", "1px solid black"); $("td").css("border", "1px solid black"); } //link functions to elements' events function init() { ____________; //link function execute() to the click event of the button ____________; //link function execute() to the submit event of the form } //the initialise function $(document).ready(init);

My Task