Help with XMl, HTML and Javascript - Graphic Design Forum and Web Design Forum

Joe.Morgan · #1 (**permalink**) 10-05-2008, 07:56 PM

Dear Estetica forum members,

Unfortunately I dont get much time to come on these forums these days but I am hoping someone wouldn't mind sparing a few minutes of their time to look over something for me?

I am trying to load an XML document into an HTML document using javascript and style it using CSS. I have managed to style the XML file using an XSLT doc but now wish to try with javascript and CSS. Can any body help?

I have attached the XML file along with a rather poor drawing of what I will try and accomplish with the CSS:

www.bekids.co.uk/joe/cssidea.jpg
www.bekids.co.uk/joe/oil.xml

If any body could help, it would be most appreciated

Hope everyone is keeping well.

Joe

zumojuice · #2 (**permalink**) 10-05-2008, 09:01 PM

joe - there you are buddy, how are you?

Joe.Morgan · #3 (**permalink**) 10-05-2008, 09:09 PM

very well thank you zumo. Long time no speak. Been a busy bee in my neck of the woods. Anything new with you?

Joe.Morgan · #4 (**permalink**) 11-05-2008, 11:20 AM

I have search for hours on the net in regards to putting XML in HTML with javascript but no where does it explain it very clearly - or I am not getting the jist of it. even w3c schools is becoming very confusing. I have managed to put XML into flash this morning just the javascript I am struggling with

tommylogic · #5 (**permalink**) 11-05-2008, 12:11 PM

Mack is the king of the Flash department... PM him, I'm sure he'll point you in the right direction.

Toon · #6 (**permalink**) 11-05-2008, 12:13 PM

Quote:

I am trying to load an XML document into an HTML document using javascript and style it using CSS

Flash is not required

Joe.Morgan · #7 (**permalink**) 11-05-2008, 01:14 PM

Sorry Toon, my mistake - I meant I have learnt how to put XML into flash, just struggling to put XML into HTML =)

Thank tommy - ill PM Mack

Joe.Morgan · #8 (**permalink**) 11-05-2008, 03:25 PM

Work in progress - it doesn't work tho

PHP Code:


			
<html>

<body>



<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("oil.xml");



document.write("<table border='1'>");



var x=xmlDoc.getElementsByTagName("oil");

for (i=0;i<x.length;i++)

{ 

document.write("<tr>");

document.write("<td>");

document.write(

x[i].getElementsByTagName("oil")[0].childNodes[0].nodeValue);

document.write("</td>");



document.write("<td>");

document.write(

x[i].getElementsByTagName("desc")[0].childNodes[0].nodeValue);

document.write("</td>");

document.write("</tr>");

}

document.write("</table>");

}

</script>



</body>

</html>

LeadMagnet · #9 (**permalink**) 11-05-2008, 05:34 PM

I'm not really up on my xml, but i think your problem is here:

Code:

x[i].getElementsByTagName("oil")[0].childNodes[0].nodeValue);

you're repeating yourself there by typing x[i].getElementsByTagName("oil")[0]
You've already defined x as being xmlDoc.getElementsByTagName("oil") so that means you're writing:
xmlDoc.getElementsByTagName("oil").getElementsByTagName("oil")[0]. So that's going to fail straight off the bat.

It's not a huge deal for just getting things working, but for validation purposes, avoid using document.write

Take a look at the code here on this page and it should set you on the right path. You'll notice it uses document.createElement and document.createTextNode instead of document.write. That's the proper DOM way to do it.

JavaScript - Import XML Document

Joe.Morgan · #10 (**permalink**) 11-05-2008, 05:56 PM

I did look at that tutorial but even using his script with his XML file doesn't work

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Javascript Mario	jinny	Games	2	02-05-2008 05:56 PM
Javascript SmoothGallery 2.0	Graphic Design Links	Graphic Design Links	0	24-01-2008 12:10 PM
Yahoo & Javascript	Toon	General Web Design Forum	0	12-12-2007 08:05 PM
my javascript website	solidgold	Web Design Forum Showcase	5	12-06-2007 06:24 PM
New Javascript Menu	Toon	General Web Design Forum	1	26-03-2007 01:31 PM