Resolution Detection

[The Hobo]

if (screen.width<1024||screen.height<768) {
  //do something
}

This works for IE, what's the equivalent in Netscape 6 and Navigator 4?

I have tables on my page, but if the resolution is too low, I need to display them on ontop of the other instead of side by side.

[punkpie_uk]

strange... screen.width should work. It was introduced in both Netscape and Internet Explorer 4

window.screen.width

Does it not work at all?

[The Hobo]

No, it does not. Only in Internet Explorer.

[The Hobo]

Oh, you may be correct.

Does 'document.write' work with Netscape? If it doesn't, then that's my problem.

[sail3005]

it does

[The Hobo]

<script>
var w = screen.width;
var h = screen.h;

if (w < 1024 || h < 768) {
    document.write('poo');
}

</script>

Nothing shows up in my Netscape 6.2 window when the resolution is 800 x 600. What am I doing wrong? It works fine in IE.

[filburt1]

In Nutscrape, type "javacsript:" in the address bar to see details about script errors...you might be missing something.

[The Hobo]

Yeah, it's given me a syntax error, but it doesn't say what line or anything.

[filburt1]

This is weird...

var h = screen.h;

Shouldn't that be

var h = screen.height;

...

[The Hobo]

Yeah, I just caught that too. And now I'm getting:

Error: redeclaration of const kIOServiceProgID
Source File: chrome://communicator/content/utilityOverlay.js
Line: 1

[The Hobo]

I changed it to:

<script>
if (screen.width < 1024 || screen.height < 768) {
    document.write("poo");
}
</script>

And it got rid of the errors, but it doesn't display "poo"

[punkpie_uk]

I take it you are loading this script upon loading the page?

try...

<script>
if (screen.width < 1024 || screen.height < 768) {
    self.document.write("poo");
}
</script>

Not sure if its in the standard but it might be worth a try

[The Hobo]

Now it'll write poo no matter what the resolution is.

[The Hobo]

self.document.write("Width: " + screen.width + "<br>");
self.document.write("Height: " + screen.height);

In Netscape, will produce "Width: 800" and "Height: 600" when the resolution is set at 1024 x 768??

However in Internet Explorer, it will show the right dimensions.

(Testing in Netscape Navigator 4 and Netscape 6.2, btw)

[punkpie_uk]

Thats really weird...

have you tried 'window.screen.width'?

[JoshT]

Mozilla RC1 - screen.height and screen.width seem to work correctly. Opera 6 as well.

[The Hobo]

Can anyone else test this code for me to make sure I'm not crazy?

Create file with this javascript in it:

self.document.write("Width: " + screen.width + "<br>");
self.document.write("Height: " + screen.height);

And with your resolution at 1024x768, see what it says. I tested with Netscape 6.2 and it gave me 800x600.

I think I tried window.screen, but I'll give it a shot again.

[The Hobo]

Originally posted by The Hobo

I think I tried window.screen, but I'll give it a shot again.

Bah, I'll have to give it a shot later. I'm at school and they only have IE.

[JoshT]

I think you might be crazy.

Anyway, I'm testing by typing "javascript:alert(screen.height);" in the address bar, and I forgot I have Netscape 6.1 installed, but it also gives my correct 1280x1024 screen resolution.

[The Hobo]

Originally posted by JoshT
I think you might be crazy.

Anyway, I'm testing by typing "javascript:alert(screen.height);" in the address bar, and I forgot I have Netscape 6.1 installed, but it also gives my correct 1280x1024 screen resolution.

***? Yeah, I think I am crazy...

I did the "javascript:alert(screen.height);" thing you did and it gave the correct dimensions. Let me run the code again one more time...

[The Hobo]

Sigh, f'in, sigh.

I figured it out...

My original code:

if (screen.width < 1024 || screen.height < 768) {
    self.document.write("poo");
}

The Code I should have had:

if (screen.width =< 1024 || screen.height =< 768) {
    self.document.write("poo");
}

Now that I wasted everyone's bloody time, thanks for all the help!

[The Hobo]

Another thing that was messing it up: I was changing the resolution, then hitting refresh in Netscape. The variables don't reset though, so it was still saying '1024x768' when it was 800x600. So I had to close the browser then reopen it.