The the custom JavaScript object player is defined as below.
function player () { this.name = ''; this.serving = false; this.gamepoint = 0; this.sets = new Array(); this.toString = function() { return (this.name + ": " + (this.serving ? 'Serving' : 'Facing') + "\n" + this.sets + "\n" + this.gamepoint); } }
The sets member variable is an array.
Next comes the import updateScoreBoard function
function updateScoreBoard() { sc = xmlScore; pDOM = sc.getElementsByTagName("player"); players = new Array(); for (i=0; i<pDOM.length; i++) { players[i] = new player(pDOM[i].getAttribute("name")); players[i].name = pDOM[i].getAttribute("name"); if (pDOM[i].getAttribute("serving") == 1) { players[i].serving = true; } // Now get the match sets for the players setDOM = pDOM[i].getElementsByTagName("set"); for (j=0; j<setDOM.length; j++) { players[i].sets[j] = setDOM[j].childNodes[0].nodeValue; // Now get the curent Game point for the players players[i].gamepoint = pDOM[i].getElementsByTagName("gamepoints")[0].childNodes[0].nodeValue; } // alert(players[i].toString()); } // Now that all data has been gathered... document.getElementById("player1").innerHTML = players[0].name; document.getElementById("matchplayer1").innerHTML = players[0].name; document.getElementById("player2").innerHTML = players[1].name; document.getElementById("matchplayer2").innerHTML = players[1].name; //Serving // document.getElementById("serving1").innerHTML = (players[0].serving)?'o':''; // document.getElementById("serving2").innerHTML = (players[1].serving)?'o':''; // Sets document.getElementById("setplay11").innerHTML = players[0].sets[0]; document.getElementById("setplay12").innerHTML = players[0].sets[1]; document.getElementById("setplay13").innerHTML = players[0].sets[2]; document.getElementById("setplay21").innerHTML = players[1].sets[0]; document.getElementById("setplay22").innerHTML = players[1].sets[1]; document.getElementById("setplay23").innerHTML = players[1].sets[2]; // Game points document.getElementById("gamepoints1").innerHTML = players[0].gamepoint; document.getElementById("gamepoints2").innerHTML = players[1].gamepoint; } </script>
Notice the players variable is an array of player object. The traversing of XML content is easy. If you are unable to understand JavaScript DOM methods check following links
You can find a full working example here, Live Score Board
Hi rituraj,
I am trying this code on localhost but it gives this message
“There was a proublem retrieving the xml data”
can you please explain why this is comming and how can i resolve it
Did u try checking out – http://www.ruturaj.net/etc/score-client.php ?
I can’t comment anything out of your err.