Screen Resolution Checker (V. Simple)

[JS92]

http://www.js92.110mb.com/
At the bottom that website, there is some text: 'Check Your Screen Resolution Here!' Click that and a pop up message will tell you your exact screen size!
This is the code for it:

Code: Select all

<a href="javascript:alert('Your resolution is '+screen.width+'x'+screen.height);">Text Goes Here!</a>

A pretty simple code and probably not even majorly required but atleast you can have this cool feature on your website!
Thanks for viewing this thread

[JS92]

omg nearly 1000 views and no reply!!!

[rangana]

Were you expecting for a response?

Anyway, let me poke myself in, and give you some feedback.

1. javascript pseudo-url is deprecated and shouldn't be advocated. Also, it will make your page invalid.

2. How would that link go when the user has JS disabled? They will see a dead link. I suggest you write that part of the markup with JS too so that when users has JS disabled, they wouldn't see that part of your page.

[Johnathan]

What is there to reply to? You're not asking a question and if people are using it they're clearly not having problems.

[flabbyrabbit]

1. javascript pseudo-url is deprecated and shouldn't be advocated. Also, it will make your page invalid

What is the "correct" way of doing it? onClick?

Flabby Rabbit

[rangana]

Yes Flabby.

The main purpose of using javascript pseudo-url is just to cancel the tags (<a>) native behavior - which is redirection.

To cancel the tags nature behavior, we can add return false at the end of the code, or use DOM's preventDefault().

Hope that makes sense.