Retrieving xml data

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
powerztomAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
leakim971Connect With a Mentor PluritechnicianCommented:
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

0
 
leakim971PluritechnicianCommented:
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

0
 
powerztomAuthor Commented:
This is what I see no Flyer's logotHANKS 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

0
 
powerztomAuthor Commented:
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.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.