Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 711
  • Last Modified:

html only works for firefox

The attached code yields a blank page with ie, chrome & safari.
Must be missing something simple.  

Please help? jack.xml
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"><title>Jack Goes Boating Official Website</title>

<link href="styles2.css" rel="stylesheet" type="text/css" media="all">
<style type="text/css">
<!--
body {
margin: 0px;
margin-left: 10px;
padding: 0px;
background-color: #FFF;
text-decoration: none;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
a {
text-decoration: underline;
font-size: 12px;
color: #0093e3;
font-weight: bold;
}
strong {
text-decoration: none;
font-size: 22px;
color: #666;
font-weight: bold;
}
iframe {
padding: 0px;
height: 430px;
width: 530px;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #CCC;
border-top-color: #CCC;
margin: 0px;
}
</style>
</head><body>
<!--<iframe src="jgbths.pdf">[Your browser has been configured not to display inline frames. You can access <a href="jgbths.pdf">the document</a> via a link though.]</iframe><br>
<a href="jgbths.pdf">Download PDF</a> -->
<script type="text/javascript">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","jack.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.write("<table border='0'>");
var x=xmlDoc.getElementsByTagName("qry_Website_2");
for (i=0;i<x.length;i++)
{
document.write("<tr><td><strong>");
document.write(x[i].getElementsByTagName("dma_name")[0].childNodes[0].nodeValue);
document.write("</strong><tr><td>");
document.write(x[i].getElementsByTagName("theater_name")[0].childNodes[0].nodeValue);
document.write("<tr><td>");
document.write(x[i].getElementsByTagName("street_address1")[0].childNodes[0].nodeValue);
document.write("<tr><td>");
document.write(x[i].getElementsByTagName("street_city")[0].childNodes[0].nodeValue.concat(" , ")) ;
document.write(x[i].getElementsByTagName("street_state")[0].childNodes[0].nodeValue.concat(" "));
document.write(x[i].getElementsByTagName("street_zip_code")[0].childNodes[0].nodeValue);
document.write("<tr><td><a href='");
document.write(x[i].getElementsByTagName("Link")[0].childNodes[0].nodeValue) ;
document.write("'>Get Tickets!</a></td></tr>");
document.write("<tr><td>") ;
document.write("<tr><td>") ;
document.write("<tr><td>") ;
}
document.write("</table>");
</script>
</body></html>

Open in new window

0
springro
Asked:
springro
1 Solution
 
ronan1979Commented:
if you run it on offline/local then it will fail : cannot send/received request because there is not server.

i run it on EasyPHP : and it works on FF, Chrome and safari

>> just put it  on a server <<
0
 
wuffCommented:
Why haven't you an end tag to your comments in your <style> part?

<!--

-->
0
 
springroAuthor Commented:
Hi Ronan1979,

It does not work of the server.  Something is still not right.

0
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
ronan1979Commented:
try this code - just remove incomplete html comments
I check on my computer, once I got it - and i will give you the code

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"><title>Jack Goes Boating Official Website</title>

<link href="styles2.css" rel="stylesheet" type="text/css" media="all">
<style type="text/css">
body {
margin: 0px;
margin-left: 10px;
padding: 0px;
background-color: #FFF;
text-decoration: none;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
a {
text-decoration: underline;
font-size: 12px;
color: #0093e3;
font-weight: bold;
}
strong {
text-decoration: none;
font-size: 22px;
color: #666;
font-weight: bold;
}
iframe {
padding: 0px;
height: 430px;
width: 530px;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #CCC;
border-top-color: #CCC;
margin: 0px;
}
</style>
</head><body>

<script type="text/javascript">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","jack.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.write("<table border='0'>");
var x=xmlDoc.getElementsByTagName("qry_Website_2");
for (i=0;i<x.length;i++)
{
document.write("<tr><td><strong>");
document.write(x[i].getElementsByTagName("dma_name")[0].childNodes[0].nodeValue);
document.write("</strong><tr><td>");
document.write(x[i].getElementsByTagName("theater_name")[0].childNodes[0].nodeValue);
document.write("<tr><td>");
document.write(x[i].getElementsByTagName("street_address1")[0].childNodes[0].nodeValue);
document.write("<tr><td>");
document.write(x[i].getElementsByTagName("street_city")[0].childNodes[0].nodeValue.concat(" , ")) ;
document.write(x[i].getElementsByTagName("street_state")[0].childNodes[0].nodeValue.concat(" "));
document.write(x[i].getElementsByTagName("street_zip_code")[0].childNodes[0].nodeValue);
document.write("<tr><td><a href='");
document.write(x[i].getElementsByTagName("Link")[0].childNodes[0].nodeValue) ;
document.write("'>Get Tickets!</a></td></tr>");
document.write("<tr><td>") ;
document.write("<tr><td>") ;
document.write("<tr><td>") ;
}
document.write("</table>");
</script>
</body></html>

Open in new window

0
 
ronan1979Commented:
this code works on IE6, FF3.5.3, safari4.0.4, chrome 6.0

a.html
proof.png
0
 
ronan1979Commented:
this code was tested on local server EasyPHP 2..0
0
 
jeremyjared74Commented:
You can check your html and CSS online. There are some very helpful sites for this. I will link to a few. This way you can check them in the future also.

HTML SItes:
http://www.htmlfixer.com/htmlfixer/
http://fixmyhtml.com/
http://validator.w3.org/#validate_by_input
http://schneegans.de/sv/

CSS:
http://jigsaw.w3.org/css-validator/
http://instantcsscode.com/
http://flumpcakes.co.uk/css/optimiser/
0
 
onemadeyeCommented:
@springro:
I used XAMPP and also find blank page ??

But then I realised I havent include the file 'jack.xml' and now everything looks fine :)
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now