XML en HTML

[edo081]

Beste mensen,

ik ben de ele tijd op zoek naar een voorbeeld of een aanwijzing over het volgende.

Ik heb een xml bestand


[XML]<?xml version="1.0" encoding="ISO-8859-1" ?>
<portfolio>
<project>
<projectname>
Kolibriparts
</projectname>

<projectdescription>
Een webshop voor gebruikte scooteronderdelen!
</projectdescription>

<images>
Afbeelding
</images>
</project>
</portfolio>[/XML]

vervolgens heb ik hier in mijn html:

				<script type="text/javascript">
					var xmlDoc=null;
					if (window.ActiveXObject)
					{// code for IE
					xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
					}
					else if (document.implementation.createDocument)
					{// code for Mozilla, Firefox, Opera, etc.
					xmlDoc=document.implementation.createDocument("","",null);
					}
					else
					{
					alert('Your browser cannot handle this script');
					}
					if (xmlDoc!=null) 
					{
					xmlDoc.async=false;
					xmlDoc.load("portfolio.xml");
					var x=xmlDoc.getElementsByTagName("project");

					document.write("<table border='0' width='100%' style='text-align:left;'>");
					
					document.write("<tr><th>Naam</th><th>Omschrijving</th><th>Projectafbeelding</th></tr>");
			

					for (var i=0;i<x.length;i++)
					{ 
					document.write("<tr>");
					document.write("<td>");
					document.write(x[i].getElementsByTagName("projectname")[0].childNodes[0].nodeValue);
					document.write("</td>");

					document.write("<td>");
					document.write(x[i].getElementsByTagName("projectdescription")[0].childNodes[0].nodeValue);
					document.write("</td>");
					
					document.write("<td>");
					document.write(x[i].getElementsByTagName("images")[0].childNodes[0].nodeValue);
					document.write("</td>");
					document.write("</tr>");
					}
					document.write("</table>");
					}
					</script>

hij werkt wel op 1 ding na en dat is mijn afbeelding, ik krijg het niet voor elkaar een om een afbeelding via xml te laden in mijn html document.

Kan iemand mij hier aanwijzingen geven of even mee helpen? Het zou een hele leerzame les zijn iig!!

Hopelijk tot gauw!

groetjes erik

 

[csshunter]

Hoi Erik,
Ik ben geen XML-deskundige, maar op het oog lijkt 't me dat je in de huidge vorm er het woord Afbeelding in zet, in plaats van de afbeelding zelf. Nergens staat het pad en de andere gegevens om een img op scherm af te beelden.
In gewone html zou er in de afbeeldingscel iets moeten staan als:

[font=courier]<td><img src="images/kolibri.png" width="150" height="100" alt=""></td>[/font]

(als alle images hetzelfde formaat hebben, zou je de breedte en hoogte kunnen weglaten en in de css zetten; anders moeten het extra variabelen in de xml worden, denk ik.)

Ik denk dat je dit moet nabouwen in je script, en in de xml-file bij <images></images> de bestandsnaam kolobri.png moet opnemen.
In het script kan dan alles behalve kolibri.png met document.write('...') geschreven worden, en i.p.v. kolobri.png zou dan de aanroep getElements...enz. moeten komen om de bestandsnamen van de images op te halen.

Maar als het niet zo is, moet iemand me maar een tik op de vingers geven!

Met vriendelijke groet,
CSShunter