javascript - Hjælp med XML - Udvikleren.dk - Programmering, webdesign og grafik

Tags: javascript

<< < 1 2 > >>

Bruger #12408 @ 19.12.07 21:47

Hej

Til mit gaming community Zorps Gaming skal jeg lave en release liste over video spil. Jeg har en xml fil med alle dataerne men jeg har lidt problemmer med at loade dem.

XML filen ser sådan ud:

Kode

<Games>
<isvalid/>
<fromdate>2007-12-01</fromdate>
<todate>2007-12-31</todate>
<gamecount>49</gamecount>

	<Game>
<GameID>6353</GameID>
<Title>Uncharted: Drake's Fortune</Title>
<Category>Action</Category>
<URLGameinfo>http://www.tothegame.com/game.asp?id=6353</URLGameinfo>

	<Platform>
<ID>8</ID>
<Title>PS3</Title>
</Platform>

	<ReleaseDates>
<Scandinavia>2007-12-05</Scandinavia>
<UK>2007-12-07</UK>
<US>2007-11-20</US>
</ReleaseDates>
<UKPublisher>SCEE</UKPublisher>
<Developer>Naughty Dog</Developer>
</Game>

	<Game>
<GameID>4960</GameID>
<Title>Medal of Honor: Airborne</Title>
<Category>FPS</Category>
<URLGameinfo>http://www.tothegame.com/game.asp?id=4960</URLGameinfo>

	<Platform>
<ID>8</ID>
<Title>PS3</Title>
</Platform>

	<ReleaseDates>
<Scandinavia>2007-12-06</Scandinavia>
<UK>2007-12-07</UK>
<US>2007-11-21</US>
</ReleaseDates>
<UKPublisher>Electronic Arts</UKPublisher>
<Developer>EA Games</Developer>
</Game>

.............

Jeg vil loade Game title, Game category, Platform title, ReleasesDates Scandinavia.

for begge spil selvfølelig, og gerne på en ny linje for hver spil. Jeg har prøvet med følgene kode men jeg kan ikke få det til at virke (kun nogle få af elementerne med her, skulle bare teste)

Kode

<html>
<head>
<script type="text/javascript">
var xmlDoc;
function loadXML()
{
//load xml file
// code for IE
if (window.ActiveXObject)
  {
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  xmlDoc.async=false;
  xmlDoc.load("release_list_xml");
  getmessage();
  }
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation && document.implementation.createDocument)
  {
  xmlDoc=document.implementation.createDocument("","",null);
  xmlDoc.load("release_list_xml");
  xmlDoc.onload=getmessage;
  }
else
  {
  alert('Your browser cannot handle this script');
  }
}

function getmessage()
{
document.getElementById("Title").innerHTML=xmlDoc.getElementsByTagName("Title")[0].childNodes[0].nodeValue;
document.getElementById("Category").innerHTML=xmlDoc.getElementsByTagName("Category")[0].childNodes[0].nodeValue;
document.getElementById("Platform").innerHTML=xmlDoc.getElementsByTagName("Platform")[0].childNodes[0].nodeValue;
}
</script>
</head>

<body onLoad="loadXML()">
<p><b>Game Title:</b> <span id="Title"></span>
<b>Genre:</b> <span id="Category"></span>
<b>Platform:</b> <span id="Platform"></span>
</p>
</body>
</html>

Jeg får intet data ud, og jeg forstår ikke helt hvordan jeg skal få daten ud, er der nogle der kan hjælpe mig med den her?

På forhånd tak
AzaraT

Indlæg senest redigeret d. 19.12.2007 21:48 af Bruger #12408

12 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 3 karma

Sorter efter stemmer Sorter efter dato

Bruger #11596 @ 22.12.07 17:18

Super der virkede det tak

Jeg har lukket games tag, det er bare et udsnit af xml filen

Bare et lige spørgsmål til, lige nu loader den kun data fra det første spil, hvordan får jeg den til at loade data fra det andet spil også (og alle de andre mange spil der er i xml filen)?

Og der skal helst være 1 linje for hver spil hvis det er muligt?

Her er koden:

Kode

<html>
<head>
<script>
var xmlHttp;
function loadXML()
{
	try
	{
		// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
	}
	catch (e)
	{
		// Internet Explorer
		try
		{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			try
			{
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e)
			{
				alert("Your browser does not support AJAX!");
				return false;
			}
		}
    
	}
	xmlHttp.onreadystatechange=test;
	xmlHttp.open("GET","tester.xml",true);
	xmlHttp.send(null);
}
function test()
{
	if(xmlHttp.readyState==4)
	{
		var xmlDoc=xmlHttp.responseXML.documentElement;
		for(var i=0;i<xmlDoc.getElementsByTagName("Game").length;i++)
		{
			Title = document.createElement("span");
			var a = document.createElement("b");
			var h = document.createElement("span");
			a.appendChild(document.createTextNode("Game Title: "));
			h.appendChild(document.createTextNode(xmlDoc.getElementsByTagName("Game")[i].getElementsByTagName("Title")[0].childNodes[0].nodeValue+" "))
			Title.appendChild(a);
			Title.appendChild(h);
			Category = document.createElement("span");
			a = document.createElement("b");
			h = document.createElement("span");
			a.appendChild(document.createTextNode("Genre: "));
			h.appendChild(document.createTextNode(xmlDoc.getElementsByTagName("Game")[i].getElementsByTagName("Category")[0].childNodes[0].nodeValue+" "))
			Category.appendChild(a);
			Category.appendChild(h);
			Platform = document.createElement("spaan");
			a = document.createElement("b");
			h = document.createElement("span");
			a.appendChild(document.createTextNode("Platform: "));
			h.appendChild(document.createTextNode(xmlDoc.getElementsByTagName("Game")[i].getElementsByTagName("Platform")[0].getElementsByTagName("Title")[0].childNodes[0].nodeValue))
			Platform.appendChild(a);
			Platform.appendChild(h);
			if(document.getElementById("spil").hasChildNodes()) document.getElementById("spil").appendChild(document.createElement("br"));
			document.getElementById("spil").appendChild(Title);
			document.getElementById("spil").appendChild(Category);
			document.getElementById("spil").appendChild(Platform);
		}
	}
}
</script>
</head>
<body onLoad="loadXML()">
<div id="spil"></div>
</body>
</html>

Bruger #11596 @ 19.12.07 22:25

Sådan skal javscripten se ud:

Kode

function loadXML()
{
var xmlHttp;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch (e)
      {
      alert("Your browser does not support AJAX!");
      return false;
      }
    }
    
  }
xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==4)
      {
      document.getElementById("Title").innerHTML=xmlDoc.getElementsByTagName("Title")[0].childNodes[0].nodeValue;
document.getElementById("Category").innerHTML=xmlDoc.getElementsByTagName("Category")[0].childNodes[0].nodeValue;
document.getElementById("Platform").innerHTML=xmlDoc.getElementsByTagName("Platform")[0].childNodes[0].nodeValue;
      }
    }
  xmlHttp.open("GET",xmlfilen,true);
  xmlHttp.send(null);
  }

Her er en tutourial

Indlæg senest redigeret d. 19.12.2007 22:28 af Bruger #11596

Bruger #12408 @ 20.12.07 16:19

Jeg får stadig bare en blank side?

Jeg har selvfølelig udskiftet "xmlfilen" med xml filens navn heh

Bruger #11596 @ 20.12.07 20:43

Du har stadig HTMLen ik'?
Og når du loade XML filen husker du .xml?

Bruger #12408 @ 21.12.07 16:16

Ja, min html fil ser nu således ud

Kode

<html>
<head>
<script type="text/javascript">
function loadXML()
{
var xmlHttp;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch (e)
      {
      alert("Your browser does not support AJAX!");
      return false;
      }
    }
    
  }
xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==4)
      {
      document.getElementById("Title").innerHTML=xmlDoc.getElementsByTagName("Title")[0].childNodes[0].nodeValue;
document.getElementById("Category").innerHTML=xmlDoc.getElementsByTagName("Category")[0].childNodes[0].nodeValue;
document.getElementById("Platform").innerHTML=xmlDoc.getElementsByTagName("Platform")[0].childNodes[0].nodeValue;
      }
    }
  xmlHttp.open("GET",release_list.xml,true);
  xmlHttp.send(null);
  }
</script>
</head>

<body onLoad="loadXML()">
<p><b>Game Title:</b> <span id="Title"></span>
<b>Genre:</b> <span id="Category"></span>
<b>Platform:</b> <span id="Platform"></span>
</p>
</body>
</html>

Jeg har også prøvet at skrive release_list.xml i "citations" tegn men gav også det samme resultat.

Bruger #11596 @ 21.12.07 17:31

Ups... javascripten skal være:

Kode

function loadXML()
{
var xmlHttp;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch (e)
      {
      alert("Your browser does not support AJAX!");
      return false;
      }
    }
    
  }
xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==4)
      {
      document.getElementById("Title").innerHTML=xmlHttp.getElementsByTagName("Title")[0].childNodes[0].nodeValue;
document.getElementById("Category").innerHTML=xmlHttp.getElementsByTagName("Category")[0].childNodes[0].nodeValue;
document.getElementById("Platform").innerHTML=xmlHttp.getElementsByTagName("Platform")[0].childNodes[0].nodeValue;
      }
    }
  xmlHttp.open("GET",release_list.xml,true);
  xmlHttp.send(null);
  }

Indlæg senest redigeret d. 21.12.2007 17:31 af Bruger #11596

Bruger #12408 @ 21.12.07 23:34

hmm får stadig blank side...

Bruger #11596 @ 22.12.07 00:40

Ups... igen koden er:

Kode

function loadXML()
{
var xmlHttp;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch (e)
      {
      alert("Your browser does not support AJAX!");
      return false;
      }
    }
    
  }
xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==4)
      {
var xmlDoc=xmlHttp.responseXML.documentElement;      document.getElementById("Title").innerHTML=xmlDoc.getElementsByTagName("Title")[0].childNodes[0].nodeValue;
document.getElementById("Category").innerHTML=xmlDoc.getElementsByTagName("Category")[0].childNodes[0].nodeValue;
document.getElementById("Platform").innerHTML=xmlDoc.getElementsByTagName("Platform")[0].childNodes[0].nodeValue;
      }
    }
  xmlHttp.open("GET",release_list.xml,true);
  xmlHttp.send(null);
  }

Bruger #12408 @ 22.12.07 13:08

Hjalp desværrer heller ikke...

Bruger #11596 @ 22.12.07 16:10

Her er javascriptet gennemtestet

Kode

var xmlHttp;
function loadXML()
{
	try
	{
		// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
	}
	catch (e)
	{
		// Internet Explorer
		try
		{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			try
			{
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e)
			{
				alert("Your browser does not support AJAX!");
				return false;
			}
		}
    
	}
	xmlHttp.onreadystatechange=test;
	xmlHttp.open("GET","test.xml",true);
	xmlHttp.send(null);
}
function test()
{
	if(xmlHttp.readyState==4)
	{
		var xmlDoc=xmlHttp.responseXML.documentElement;      
		document.getElementById("Title").innerHTML=xmlDoc.getElementsByTagName("Game")[0].getElementsByTagName("Title")[0].childNodes[0].nodeValue;
		document.getElementById("Category").innerHTML=xmlDoc.getElementsByTagName("Game")[0].getElementsByTagName("Category")[0].childNodes[0].nodeValue;
		document.getElementById("Platform").innerHTML=xmlDoc.getElementsByTagName("Platform")[0].getElementsByTagName("Title")[0].childNodes[0].nodeValue;
	}
}

Og i din xml lukker du ikke dit Games-tag

Indlæg senest redigeret d. 22.12.2007 16:11 af Bruger #11596

<< < 1 2 > >>

Hjælp med XML

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler