Solved

Retrieving xml data

Posted on 2014-01-15

1 solution

301 Views

Last Modified: 2014-01-16

I have one team out of a hold league roster with stats. If I can get one right I can duplicate this and use it for every other team I have alot of xml code to reference And I am getting better at handling xml. But of course I also run into the issUE i GOT NOW XML is laid out different from my samples To start I can't even get out of the starting Gate I start off with top attrib called message and need to strip Image with teamid and title. Then I was going to do the players stats and then clone. But I using Fire Bug and I can't get intro data.

What is wrong?

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
 var xmlPath = '.' //'/xml/nba/scores/real';
        var xmlGameID = 'ADX-INDSTATS-PHI'; 
$(document).ready(function(){
			$.ajax({
                    type: "GET",
                    url: xmlPath + "/" + xmlGameID + ".xml",
                    dataType: "xml",
                    success: function (data) {
                        var d = $(data);
						 var message = d.find('message');
						 var title = message.attr('Title');
						 var teamid = message.attr('TeamID');
			$('title1').text(title);
			 $('teamid1').attr('src', 'http://images.sportsnetwork.com/NHL/attherink/players/' + teamid + '.png');
			
			
			 }
			 
        });
					
                   
                //    }
             //   });	
	 });
function getsimple() {
$.ajax({
                    type: "GET",
                    url: xmlPath + "/" + xmlGameID + ".xml",
                    dataType: "xml",
                    success: function (data) {
                        var d = $(data);
						 var message = d.find('message');
						 var title = message.attr('Title');
						 var teamid = message.attr('TeamID');
			$('title1').text(title);
			 $('teamid1').attr('src', 'http://images.sportsnetwork.com/NHL/attherink/players/' + teamid + '.png');
			
			
			 }
			 
        });	
}
	 	
</script>
</head>

<body>
<table width="400" border="0">
  <tr>
    <td width="124"><div align="center" id="teamid1"></div></td>
    <td width="266"><div align="center" id="title1"></div></td>
  </tr>
</table>

</body>

</html>

Open in new window

As you can see I can't get started Why?
Flyers.html
ADX-INDSTATS-PHI.xml

Comment

Question by:powerztom

[X]

Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

Help others & share knowledge
Earn cash & points
Learn & ask questions

Join The Community

4 Comments

LVL 82

Expert Comment

by:leakim971

ID: 397829192014-01-15

work for me :

You mainly forget the # to select element by their id :
$('#title1') and not $('title1')

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

	var xmlPath = '.' //'/xml/nba/scores/real';
	var xmlGameID = 'ADX-INDSTATS-PHI'; 

	$(document).ready(function() {
		var myVar = setInterval(getsimple, 10000);
		getsimple();
	});

	function getsimple() {
		$.get(xmlPath + "/" + xmlGameID + ".xml", function(data) {
			var d = $(data);
			var message = d.find('message');
			var title = $("Title", message).text();
			var teamid = $("TeamID", message).text();
			$('#title1').text(title);
			$('#teamid1').attr('src', 'http://images.sportsnetwork.com/NHL/attherink/players/' + teamid + '.png');
		});
	}

</script>
</head>

<body>
<table width="400" border="0">
  <tr>
    <td width="124"><div align="center" id="teamid1"></div></td>
    <td width="266"><div align="center" id="title1"></div></td>
  </tr>
</table>
</body>
</html>

Open in new window

Author Comment

by:powerztom

ID: 397831762014-01-15

tHANKS BUT NO TEAM LOGO IS COMING UP I CHANGED THE IMAGE PATH CAUSE IT WAS POINTING TOWARD PLAYERS IMAGES INSTEAD OF TEAM'S LOGO ANY IDEAS? IN FIREBUG teamid is retrieving the team id . Please leakim971

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

	var xmlPath = '.' //'/xml/nba/scores/real';
	var xmlGameID = 'ADX-INDSTATS-PHI'; 

	$(document).ready(function() {
		var myVar = setInterval(getsimple, 10000);
		getsimple();
	});

	function getsimple() {
		$.get(xmlPath + "/" + xmlGameID + ".xml", function(data) {
			var d = $(data);
			var message = d.find('message');
			var title = $("Title", message).text();
			var teamid = $("TeamID", message).text();
			$('#title1').text(title);
			$('#teamid1').attr('src', 'http://images.sportsnetwork.com/nhl/attherink/logos/' + teamid + '.png');
		});
	}

</script>
</head>

<body>
<table width="400" border="0">
  <tr>
    <td width="124"><div align="center" id="teamid1"></div></td>
    <td width="266"><div align="center" id="title1"></div></td>
  </tr>
</table>

</body>
</html>

Open in new window

LVL 82

Accepted Solution

by:leakim971

leakim971 earned 500 total points

ID: 397835652014-01-15

teamid1 is a DIV, why should it dislay a logo? Because you set it's "src" attribute?
<div align="center" id="teamid1"></div>
should be :
<div align="center"><img src="default_logo.jpg" alt="team logo" id="teamid1" /></div>

So I got :
http://images.sportsnetwork.com/NHL/attherink/players/134.png

But it's not found...

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

	var xmlPath = '.' //'/xml/nba/scores/real';
	var xmlGameID = 'ADX-INDSTATS-PHI'; 

	$(document).ready(function() {
		var myVar = setInterval(getsimple, 10000);
		getsimple();
	});

	function getsimple() {
		$.get(xmlPath + "/" + xmlGameID + ".xml", function(data) {
			var d = $(data);
			var message = d.find('message');
			var title = $("Title", message).text();
			var teamid = $("TeamID", message).text();
			$('#title1').text(title);
			$('#teamid1').attr('src', 'http://images.sportsnetwork.com/NHL/attherink/players/' + teamid + '.png');
		});
	}

</script>
</head>

<body>
<table width="400" border="0">
  <tr>
    <td width="124"><div align="center" id="teamid1"></div></td>
    <td width="266"><div align="center"><img src="default_logo.jpg" alt="team logo" [b]id="teamid1"[/b] /></div></td>
  </tr>
</table>
</body>
</html>

Open in new window

Author Closing Comment

by:powerztom

ID: 397854622014-01-16

leakim971 Thanks you pointed me in the right direction. I make newbie mistakes like
teamid1 is a DIV, why should it dislay a logo? Because you set it's "src" attribute?

I used a team logo and viewed the page and there it was the Flyers Logo. Now I'm out of the starting gate running.

Featured Post

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Passwords in HTML Forms: Allow the Client to Show or Hide

Article by: Ray

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form. And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…

T-SQL: Normalized data to a single comma delineated string and back

Article by: Jim

Many times as a report developer I've been asked to display normalized data such as three rows with values Jack, Joe, and Bob as a single comma-separated string such as 'Jack, Joe, Bob', and vice versa. Here's how to do it.

PHP, jQuery, and Form Actions

Video by: Marco

The viewer will learn how to dynamically set the form action using jQuery.

Introduction to jQuery (Part 1)

Video by: Jason

The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)