Search jQuery

jQuery Forum

Parsing XML

in Using jQuery • 8 years ago

Hi all, I have a question regarding parsing my XML file. Here is the task at hand, I have created my css and html to properly display a tournament bracket. Also, there is an XML file that contains all game information regarding, teams, winners and losers, as well as the game number. At different spots in my HTML i have different games. Here is a sample of my XML :

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<tournament xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<game id="1">
<home>USA</home>
<away>Texas</away>
<winner>USA</winner>
<loser>Texas</loser>
</game>
<game id="2">
<home>Jamaica</home>
<away>Beermuda</away>
<winner>Beermuda</winner>
<loser>Jamaica</loser>
</game>
<game id="3">
<home>Rockaway</home>
<away>Mexico</away>
<winner>Winner Game 3</winner>
<loser>Loser Game 3</loser>
</game>
<game id="4">
<home>Argentina</home>
<away>Cuba</away>
<winner>Winner Game 4</winner>
<loser>Loser Game 4</loser>
</tournament>

here is my issue. I need to be able to reference each distinct game and it's information at different points as teams traverse (win/lose) the bracket. Here is my current code http://jsfiddle.net/jVQLE/
As you can see I can only pass the first match, and if I include the second match in the XML, all the data is display in my Match wrapper.

Any help what-so-ever is greatly appreciated. I want to be able to reference a certain game in my HTML doing something like

<div class="matchR1-wrapL">
<game id='1'></game>
</div>

and this displays game 1, and then do it again with id='2', and have that display game 2 information. Am I on the right track or is this the wrong direction? Thank you so much in advance!!!

Replies(9)

jakecigar

Re: Parsing XML

8 years ago

HTML is HTML, XML is XML. You can make up tags in XML, but not HTML.

http://jsfiddle.net/jakecigar/jVQLE/3/ builds HTML using append.

JΛ̊KE

jakecigar

Re: Re: Parsing XML

8 years ago

BTW, you may need to $.trim your text nodes!

http://jsfiddle.net/jakecigar/jVQLE/5/ <--

JΛ̊KE

MattPSU

Re: Parsing XML

8 years ago

Thank you very much for taking the time assist me and give me some pointers. I guess my final concern is, how do I reference each game distinctly using just 1 script? Is that possible? I have some experience with C/C++ so my logic behind this would be to just call the parse function and passing the proper parameters and having the script display the proper game information result. I feel like having to create a new script for each game would be excessive. Then again, I can be completely wrong...which is why I am here..

Hope this makes sense, as I will have 62 games, with a home, away, winner and loser for each game.

to give you an idea...here is a jsfiddle

http://jsfiddle.net/MattyO4/eb5uw/2/

in this instance, Games 1 & 2 have been played and now have a winner and loser. Games 3 and 4 have not been played (or are in progress) and do not have a winner or loser yet. How would i call those games to be displayed properly in their match-wrapper?

jakecigar

Re: Parsing XML

8 years ago

http://jsfiddle.net/jakecigar/eb5uw/3/ <-- but you are still making up tag names. Don’t expect it to work in all browsers!!

I created…

<div id="tournament">
<div id="Game1">
<matchnuml>1</matchnuml>
<winnerl>USA</winnerl>
<loserl>Texas</loserl>
</div>
<div id="Game2">
<matchnuml>2</matchnuml>
<loserl>Jamaica</loserl>
<winnerl>Beermuda</winnerl>
</div>
<div id="Game3">
<matchnuml>3</matchnuml>
<teaml>Rockaway</teaml>
<teaml>Mexico</teaml>
</div>
<div id="Game4">
<matchnuml>4</matchnuml>
<teaml>Argentina</teaml>
<teaml>Cuba</teaml>
</div>
</div>

JΛ̊KE

MattPSU

Re: Parsing XML

8 years ago

Jake - can't thank you enough! Finally got it to work!

in html (whether it is game 1, 2, 3 4....)

and in the script:

$("#game"+gameNum).append(...);

that's what i was looking for! Thanks again for your help!

jakecigar

Re: Re: Parsing XML

8 years ago

I hope there are only 4 games in your tournament. In my code it doesn’t matter how many games there are.

JΛ̊KE

MattPSU

Re: Parsing XML

8 years ago

What I meant was, I just replace the number in <div id="game#"> with the game # I want to display, whether it be 1, 2, 4, 19, 28, 37, up to game 62(final match)... it can be any number and it works just the way i had hoped.

i.e.