Why this cant be displayed in firefox?

jahphill · #1 (**permalink**) Dec 15th, 2007, 01:33

Hey hey!

I have just been making a new design for my mini site.
When I was testing it i found that the important content could not be displayed in firefox :o

Code: Select all

http://blizma.co.uk/new/

Have I dont something wrong in the source?
I have no idea =S. Most of its script is the same as the current website.

Thank you in advanced!

Stuart · #2 (**permalink**) Dec 15th, 2007, 02:44

Well, your source code is the following, correct?

HTML: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
	<title>asdf</title>

	<!-- Contents -->
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta http-equiv="Content-Language" content="en" />
	<meta http-equiv="last-modified" content="15/12/2007 01:06:25" />
	<meta http-equiv="Content-Type-Script" content="text/javascript" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />

	<!-- Others -->
	

	<!-- Parent -->
	<link rel="sitemap" href="imsitemap.html" title="General Site Map" />

	<!-- Res -->
	<script type="text/javascript" src="res/x5engine.js"></script>
	<link rel="stylesheet" type="text/css" href="res/styles.css" media="screen, print" />
	<link rel="stylesheet" type="text/css" href="res/template.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="res/print.css" media="print" />
	<!--[if lt IE 7]><link rel="stylesheet" type="text/css" href="res/iebehavior.css" media="screen" /><![endif]-->
	<link rel="stylesheet" type="text/css" href="res/home.css" media="screen, print" />
	<link rel="stylesheet" type="text/css" href="res/handheld.css" media="handheld" />
	<link rel="alternate stylesheet" title="High contrast - Accessibility" type="text/css" href="res/accessibility.css" media="screen" />

	<!-- Robots --> 	<meta http-equiv="Expires" content="0" />
	<meta name="Resource-Type" content="document" />
	<meta name="Distribution" content="global" />
	<meta name="Robots" content="index, follow" />
	<meta name="Revisit-After" content="21 days" />
	<meta name="Rating" content="general" />
</head>
<body>
<script language="JavaScript" type="text/javascript">
m='%3Cscript%20language%3DJavaScript%3E%3C%21--%0D%0A%0D%0Avar%20message%3D%22Function%20Disabled%21%22%3B%0D%0A%0D%0Afunction%20clickIE%28%29%20%20%7Bif%20%28document.all%29%20%7Balert%28message%29%3Breturn%20false%3B%7D%7D%0D%0Afunction%20clickNS%28e%29%20%7Bif%20%0D%0A%28document.layers%7C%7C%28document.getElementById%26%26%21document.all%29%29%20%7B%0D%0Aif%20%28e.which%3D%3D2%7C%7Ce.which%3D%3D3%29%20%7Balert%28message%29%3Breturn%20false%3B%7D%7D%7D%0D%0Aif%20%28document.layers%29%20%0D%0A%7Bdocument.captureEvents%28Event.MOUSEDOWN%29%3Bdocument.onmousedown%3DclickNS%3B%7D%0D%0Aelse%7Bdocument.onmouseup%3DclickNS%3Bdocument.oncontextmenu%3DclickIE%3B%7D%0D%0A%0D%0Adocument.oncontextmenu%3Dnew%20Function%28%22return%20false%22%29%0D%0A%0D%0A//%20--%3E%3C/script%3E';d=unescape(m);document.write(d);
</script>
<div id="imSite">
<div id="imHeader">
	<h1>asdf</h1>
</div>
<div class="imInvisible">
<hr />
<a href="#imGoToCont" title="Skip the main menu">Go to content</a>
<a name="imGoToMenu"></a>
</div>
<div id="imBody">
	<div id="imMenuMain">

<!-- Menu Content START -->
<p class="imInvisible">Main menu:</p>
<div id="imMnMn">
<ul>
	<li><a class="imMnItm_1" href="index.html" title=""><span class="imHidden">Home Page</span></a></li>
</ul>
</div>
<script type="text/javascript">imPreloadImages('immnu_01b.gif')</script>
<!-- Menu Content END -->

	</div>
<hr class="imInvisible" />
<a name="imGoToCont"></a>
	<div id="imContent">
<!-- Page Content START -->
<div id="imToolTip"></div>
<div id="imPage">

<div id="imCel7_00">
<div id="imCel7_00_Cont">
	<div id="imObj7_00">
<script type="text/javascript">

search='<input type="radio" name="searchType" id="mp3s" value="mp3s" CHECKED> <b>MP3 Music<\/b> <input type="radio" name="searchType" id="mp3s2" value="mp3s2"> Mp3 Attempt 2 <input type="radio" name="searchType" id="fmovie" value="fmovie"> Stream Movies <input type="radio" name="searchtype" id="tvmovie" value="tvmovie"> Stream Tv Eps. <input type="radio" name="searchType" id="pdf" value="pdf"> PDF Documents <input type="radio" name="searchType" id="ebook" value="ebook"> eBooks<\/div>';

phaze='<input type="radio" name="searchType" id="intext" value="intext" CHECKED> <b>Attempt One<\/b> <input type="radio" name="searchType" id="rslinks" value="rslinks"> Attempt Two <input type="radio" name="searchType" id="phaze" value="phaze"> Programs <input type="radio" name="searchType" id="torrents" value="torrents"> Torrents';

news='<input type="radio" name="searchType" id="googlenews" value="googlenews" CHECKED> Google News\r\n<input type="radio" name="searchType" id="bbc" value="bbc"> BBC <input type="radio" name="searchType" id="ap" value="ap"> AP <input type="radio" name="searchType" id="reuters" value="reuters"> Reuters <input type="radio" name="searchType" id="wired" value="wired"> Wired';

video='<input type="radio" name="searchType" id="allvids" value="allvids" CHECKED><b> All <\/b> <input type="radio" name="searchType" id="googlevideo" value="googlevideo"> Google Video\r\n<input type="radio" name="searchType" id="youtube" value="youtube"> Youtube\r\n<input type="radio" name="searchType" id="metacafe" value="metacafe"> MetaCafe\r\n<input type="radio" name="searchType" id="archieve" value="archive"> Archive.org';

developers='<input type="radio" name="searchType" id="codebase" value="codebase" CHECKED> Codebase <input type="radio" name="searchType" id="oreilly" value="oreilly"> Oreilly <input type="radio" name="searchType" id="koders" value="koders"> Coders <input type="radio" name="searchType" id="codefetch" value="codefetch"> Codefetch <input type="radio" name="searchType" id="phpdocs" value="phpdocs"> PHP Docs<\/a>';

education='<input type="radio" name="searchType" id="wikipedia" value="wikipedia" CHECKED> Wikipedia\r\n<input type="radio" name="searchType" id"askcom" value="askcom"> Ask.com \r\n<input type="radio" name="searchType" id="citeseer" value="citeseer"> Citeseer<input type="radio" name="searchType" id="googlescholar" value="googlescholar"> Google Scholar\r\n<input type="radio" name="searchType" id="googleansweres" value="googleanswers"> Google Answers<input type="radio" name="searchType" id="answeres" value="answers"> Answers.com\r\n<input type="radio" name="searchType" id="yahooansweres" value="yahooanswers"> Yahoo Answers';

lectures='<input type="radio" name="searchType" id="alevel" value="alevel" CHECKED><b> A/AS/O Level Lectures <\/b> <input type="radio" name="searchType" id="univ" value="univ"> University Lectures \r\n';
function foo(x){
heh.innerHTML=x;
document.tehmonkey.search.focus();
}
</script>

    <div id="foo">
      Search: <a href="javascript:foo(search)">General</a> | <a href="javascript:foo(phaze)">Download Stuff</a> | <a href="javascript:foo(lectures)">Revision</a> | <a href="javascript:foo(education)">Education</a> | <a href=
      "javascript:foo(video)">Vids</a> | <a href="javascript:foo(news)">News</a> | <a href=
      "javascript:foo(developers)">Developers</a> |            
    </div>
    <form name="tehmonkey" style="margin:-10 0 5 10" id="tehmonkey" action=
    "monstersearchmachine.php" method="post" target="_blank">
      <br>

      <input type="text" name="searchTerm" id="searchTerm" maxlength='60' size='45' value="">
      <input type="submit" value="modified google search" STYLE="border-color:#888888;background:#FFF;border-style:solid;border-width:1px"><br>
      <br>

      <div id="heh"></div><script type="text/javascript">
foo(search);
</script>
    </form>
  </center>
	</div>
</div>
</div>

</div>
<p id="imFooterSiteMap"><a href="index.html" title="">Home Page</a> | <a href="imsitemap.html" title="General Site Map">Site Map</a></p>
<!-- Page Content END -->

	</div>
	<div id="imFooter">
		<hr class="imInvisible" />
		<span id="imFooter_L"></span>
		<span id="imFooter_R"></span>
		<br class="imClear" />
	</div>
</div>
</div>
<div class="imInvisible">
<hr />
<a href="#imGoToCont" title="Read this page again">Back to content</a> | <a href="#imGoToMenu" title="Read this page again">Back to main menu</a>
</div>

<div id="imZIBackg" onclick="imZIHide()" onkeypress="imZIHide()"></div>
</body>
</html>

There's not much content there...

RohanShenoy · #3 (**permalink**) Dec 15th, 2007, 07:15

I think the encrypted HTML is the problem. BTW I am not sure if phone browsers support JS. Mine Nokia 3110c in India does not seep to support JS.

jahphill · #4 (**permalink**) Dec 15th, 2007, 12:18

Well... what can i do? =S
I took the encrypted content out and it still doesnt work =[
Any suggestions?

Or maybe, does it work for you guys, and just not me? :S

Stuart · #5 (**permalink**) Dec 15th, 2007, 16:46

Can you post a screen shot? From your source, as I said above, I don't see a lot of content. If you post a screen shot we'll be able to see what you mean.

jahphill · #6 (**permalink**) Dec 15th, 2007, 18:40

Ok..

here are two screenshots (one of IE one of FireFox ---->

MikeHopley · #7 (**permalink**) Dec 15th, 2007, 19:07

*sigh*

Validate your code before you blame the browser. You have 144 XHTML errors.

Stuart · #8 (**permalink**) Dec 15th, 2007, 22:11

*sigh* again!

Yes, the validation is important!

Now, the reason you're not seeing the radio buttons is your javascript. You did not correctly define variables. I fixed your code:

Code: Select all

<script type="text/javascript">

var search='<input type="radio" name="searchType" id="mp3s" value="mp3s" CHECKED> <b>MP3 Music<\/b> <input type="radio" name="searchType" id="mp3s2" value="mp3s2"> Mp3 Attempt 2 <input type="radio" name="searchType" id="fmovie" value="fmovie"> Stream Movies <input type="radio" name="searchtype" id="tvmovie" value="tvmovie"> Stream Tv Eps. <input type="radio" name="searchType" id="pdf" value="pdf"> PDF Documents <input type="radio" name="searchType" id="ebook" value="ebook"> eBooks</div>';

var phaze='<input type="radio" name="searchType" id="intext" value="intext" CHECKED> <b>Attempt One<\/b> <input type="radio" name="searchType" id="rslinks" value="rslinks"> Attempt Two <input type="radio" name="searchType" id="phaze" value="phaze"> Programs <input type="radio" name="searchType" id="torrents" value="torrents"> Torrents';

var news='<input type="radio" name="searchType" id="googlenews" value="googlenews" CHECKED> Google News\r\n<input type="radio" name="searchType" id="bbc" value="bbc"> BBC <input type="radio" name="searchType" id="ap" value="ap"> AP <input type="radio" name="searchType" id="reuters" value="reuters"> Reuters <input type="radio" name="searchType" id="wired" value="wired"> Wired';

var video='<input type="radio" name="searchType" id="allvids" value="allvids" CHECKED><b> All <\/b> <input type="radio" name="searchType" id="googlevideo" value="googlevideo"> Google Video\r\n<input type="radio" name="searchType" id="youtube" value="youtube"> Youtube\r\n<input type="radio" name="searchType" id="metacafe" value="metacafe"> MetaCafe\r\n<input type="radio" name="searchType" id="archieve" value="archive"> Archive.org';

var developers='<input type="radio" name="searchType" id="codebase" value="codebase" CHECKED> Codebase <input type="radio" name="searchType" id="oreilly" value="oreilly"> Oreilly <input type="radio" name="searchType" id="koders" value="koders"> Coders <input type="radio" name="searchType" id="codefetch" value="codefetch"> Codefetch <input type="radio" name="searchType" id="phpdocs" value="phpdocs"> PHP Docs<\/a>';

var education='<input type="radio" name="searchType" id="wikipedia" value="wikipedia" CHECKED> Wikipedia\r\n<input type="radio" name="searchType" id"askcom" value="askcom"> Ask.com \r\n<input type="radio" name="searchType" id="citeseer" value="citeseer"> Citeseer<input type="radio" name="searchType" id="googlescholar" value="googlescholar"> Google Scholar\r\n<input type="radio" name="searchType" id="googleansweres" value="googleanswers"> Google Answers<input type="radio" name="searchType" id="answeres" value="answers"> Answers.com\r\n<input type="radio" name="searchType" id="yahooansweres" value="yahooanswers"> Yahoo Answers';

var lectures='<input type="radio" name="searchType" id="alevel" value="alevel" CHECKED><b> A/AS/O Level Lectures <\/b> <input type="radio" name="searchType" id="univ" value="univ"> University Lectures \r\n';

function foo(x){
heh.innerHTML=x;
document.tehmonkey.search.focus();
}
</script>

That should fix the display error. However, you still need to validate!

jahphill · #9 (**permalink**) Dec 16th, 2007, 01:45

Hey.
Thanks for replies.
I am aware that there are a few tiny errors. I don't believe this can affect this.. looking through the error report, there are no mager errors..

swagner thanks for that. However it hasn't solved it.

MikeHopley · #10 (**permalink**) Dec 16th, 2007, 08:56

Quote:

Originally Posted by jahphill

I am aware that there are a few tiny errors. I don't believe this can affect this.. looking through the error report, there are no mager errors..

As I often say: invalid code causes unpredictable results.

Your code errors may or may not be the cause of your problem. But eliminating them is the logical first step in debugging your code. When you go bug-hunting, it pays to be systematic!

Stuart · #11 (**permalink**) Dec 16th, 2007, 14:29

Mike is, as usual, correct. Your javascript, and your whole site for that matter, is being screwed up by invalid code. Please validate your code, then we can work on the javascript further. If you need help with correcting validation errors I'm happy to help.

MikeHopley · #12 (**permalink**) Dec 16th, 2007, 16:38

Here's another problem with your code:

innerHTML is not a W3C standard. It's very buggy in Gecko browsers (e.g. Firefox).

Don't use it. Use the DOM instead. Unfortunately the DOM is slower, and takes more code to write, but it's still the better choice.

This article has a lot of detail about innerHTML.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Having the menu displayed at the end of the page	pas2gether	Search Engine Optimization (SEO)	10	Nov 8th, 2007 14:55
Total users displayed	csun	PHP Forum	2	Jun 22nd, 2007 01:41
Background image not displayed in IE	spinal007	Web Page Design	3	Apr 27th, 2007 21:00
Shorten Length of Database Text Displayed?	rgrimes	JavaScript Forum	2	Oct 11th, 2006 15:38
Simple HTML displayed differently between browsers	RichRadio2005	Web Page Design	0	Nov 29th, 2005 14:04

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
Why this cant be displayed in firefox?