Solved

html only works for firefox

Posted on 2010-09-21
8
680 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
 
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
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

This article offers some helpful and general tips for safe browsing and online shopping. It offers simple and manageable procedures that help to ensure the safety of one's personal information and the security of any devices.
Read about why website design really matters in today's demanding market.
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

895 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

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now