inserting XML elements into HTML page styled with CSS

Question

Sorry, about this. I have been searching for a work around for this for a few hours now

(self taught HTML CSS etc)

I have build a web page designed to act as a shop for people to book excursions that i run.

I would like to create XML files that will connect with HTML pages so that they can populate data into the page (to save me from editing the HTML everytime.

I can find examples for photos but nothing for text (the info should not be displayed in a table)

here is what I have so far. I have copied this from a web tutorial, I got it doing what I wanted within the W3 schools 'app' but have applied it to this. I am unsure as to what the 0's mean in the script part.

THANKS AGAIN

    SCRIPT

    <script type="text/xml" src="checking.xml">
    if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    else
      {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    xmlhttp.open("GET","checking.xml",false);
    xmlhttp.send();
    xmlDoc=xmlhttp.responseXML;

    document.getElementById("TRIPINFO").innerHTML=
    xmlDoc.getElementsByTagName("DATE")[0].childNodes[0].nodeValue;
    document.getElementById("TRIPINFO").innerHTML=
    xmlDoc.getElementsByTagName("DESTINATION")[0].childNodes[0].nodeValue;
    document.getElementById("TRIPINFO").innerHTML=
    xmlDoc.getElementsByTagName("DESC")[0].childNodes[0].nodeValue;
    document.getElementById("TRIPINFO").innerHTML=
    xmlDoc.getElementsByTagName("PRICE")[0].childNodes[0].nodeValue;


    </script>

    HTML

    <p class="destpictext">
<span style="background-color:#2f2fae" id="DATE"> </span> <br />
<span style="background-color:#2f2fae"id="DESTINATION"> </span> <br />
<span style="background-color:#2f2fae" id="DESC"> </span> <br />
<span style="background-color:#2f2fae" id="PRICE"> </span> </p>
    </div>

You forgot the "what I have so far" part. I can't tell if you're looking to use xml files as templates or as data source. You don't need to create html every time if you implement template engine server side — Anthony
– Anthony, Commented Nov 21, 2013 at 3:34
coding.smashingmagazine.com/2012/12/05/client-side-templating — Anthony
– Anthony, Commented Nov 21, 2013 at 3:40
learning a little bit of php and using a database instead of an xml file will be worth it in the long run imo. — Jacob
– Jacob, Commented Nov 21, 2013 at 3:42
The getElementById function returns an array and [0] means that it will take the first element in that array. Does the code work or do you get some errors? What about the xml file? Is it placed in the same folder as the html file? — Dan
– Dan, Commented Nov 21, 2013 at 3:57

Dan · Accepted Answer · 2013-11-21 03:49:27Z

1

You cannot insert directly XML into a webpage. XML isn't used that much in web dev. It's best to use a Server Side Scripting language like PHP and a Database to get the items for the shop. However if you really want to insert xml into a webpage, there are two good ways to do it:

With javascript: http://api.jquery.com/jQuery.ajax/ (to load), http://api.jquery.com/jQuery.parseXML/ (to parse)
With php: http://php.net/manual/en/book.xml.php

I would use php.

edited Nov 21, 2013 at 3:49

answered Nov 21, 2013 at 3:35

Dan

3,1233 gold badges28 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Anthony Over a year ago

There is always xslt!

Anthony Over a year ago

@user3015838 are you doing that on purpose to emphasize that you have no code at all? This is second time you haven't provided code.

Ohgodwhy Over a year ago

@Anthony No. It's truncated when you try to paste too much code, it's too large and therefore it needs to go into the body of the question or into a pastebin.

user3015838 Over a year ago

Sorry I hit the enter button on the comment. apols, question edited with code example!

Collectives™ on Stack Overflow

inserting XML elements into HTML page styled with CSS

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related