Solved

html only works for firefox

Posted on 2010-09-21
8
687 Views
Last Modified: 2013-12-25
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
Comment
Question by:springro
8 Comments
 
LVL 4

Accepted Solution

by:
ronan1979 earned 500 total points
ID: 33729536
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
 
LVL 3

Expert Comment

by:wuff
ID: 33729758
Why haven't you an end tag to your comments in your <style> part?

<!--

-->
0
 
LVL 4

Author Comment

by:springro
ID: 33729940
Hi Ronan1979,

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

0
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 
LVL 4

Expert Comment

by:ronan1979
ID: 33733290
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
 
LVL 4

Expert Comment

by:ronan1979
ID: 33738076
this code works on IE6, FF3.5.3, safari4.0.4, chrome 6.0

a.html
proof.png
0
 
LVL 4

Expert Comment

by:ronan1979
ID: 33738099
this code was tested on local server EasyPHP 2..0
0
 
LVL 23

Expert Comment

by:jeremyjared74
ID: 33766450
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
 
LVL 5

Expert Comment

by:onemadeye
ID: 34937559
@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

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

829 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question