title: inserting XML elements into HTML page styled with CSS
body: <p>Sorry, about this.  I have been searching for a work around for this for a few hours now</p>
  
  <p>(self taught HTML CSS etc) </p>
  
  <p>I have build a web page designed to act as a shop for people to book excursions that i run. </p>
  
  <p>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. </p>
  
  <p>I can find examples for photos but nothing for text (the info should not be displayed in a table) </p>
  
  <p>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.</p>
  
  <p>THANKS AGAIN</p>
  
  <pre><code>    SCRIPT
  
      &lt;script type="text/xml" src="checking.xml"&gt;
      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;
  
  
      &lt;/script&gt;
  
      HTML
  
      &lt;p class="destpictext"&gt;
  &lt;span style="background-color:#2f2fae" id="DATE"&gt; &lt;/span&gt; &lt;br /&gt;
  &lt;span style="background-color:#2f2fae"id="DESTINATION"&gt; &lt;/span&gt; &lt;br /&gt;
  &lt;span style="background-color:#2f2fae" id="DESC"&gt; &lt;/span&gt; &lt;br /&gt;
  &lt;span style="background-color:#2f2fae" id="PRICE"&gt; &lt;/span&gt; &lt;/p&gt;
      &lt;/div&gt;
  </code></pre>