Resolution Detection

Code:

---

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.

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

Code:

---

window.screen.width

---

Does it not work at all?

No, it does not. Only in Internet Explorer.

Oh, you may be correct.

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

it does

Code:

---

<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.

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

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

This is weird...

Code:

---

var h = screen.h;

---

Shouldn't that be

Code:

---

var h = screen.height;

---

...:confused:

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

Quote:

---

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

---

I changed it to:

Code:

---

<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"

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

try...

Code:

---

<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

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

Code:

---

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?? :confused:

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

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

Thats really weird...

have you tried 'window.screen.width'?

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

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

Create file with this javascript in it:

Code:

---

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.

Quote:

---

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.

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.

Quote:

---

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...

Sigh, f'in, sigh.

I figured it out...

My original code:

Code:

---

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

---

The Code I should have had:

Code:

---

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

---

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

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.