• 0

Detecting screen resolution...


Question

I have the following...

index.htm

index800.htm

index1024.htm

Obviously, when someone visits the website it shows index.htm which contains two buttons, 1024x768 or higher, and 800x600. How can I make it so the browser automatically detects the users resolution, and forwards the user to the correct page after x seconds?

Link to comment
https://www.neowin.net/forum/topic/102856-detecting-screen-resolution/
Share on other sites

Recommended Posts

  • 0

You want the HTML in your index page to only consist of this (alter as necessary!): :p

<script language="JavaScript1.2">

<!--

if (screen.width==800||screen.height==600) //if 800x600

window.location.replace("pages/main_800.htm")

else if (screen.width==1024||screen.height==768) //if 1024x768

window.location.replace("pages/main_1024.htm")

else //if all else

window.location.replace("pages/main_1280.htm")

//-->

</script>

  • 0
  njlouch said:
No but if you actually read it and took it in, it's easy to figure out.  You asked: what is the code that says "You are using a resolution of xxxxx" ?

The answer was there for the taking.

I don't see alert(screen.width+"x"+screen.height in the following...

&lt;script language="JavaScript1.2"&gt;
&lt;!--
if (screen.width==800||screen.height==600) //if 800x600
window.location.replace("pages/main_800.htm")

else if (screen.width==1024||screen.height==768) //if 1024x768
window.location.replace("pages/main_1024.htm")

else //if all else
window.location.replace("pages/main_1280.htm") 

//--&gt;
&lt;/script&gt;

  • 0
  King Mustard said:
Don't take the **** out of my mate. Here's what I mean...

hahahahahahahaa oooohhh ROTFLMMFAOO!!!! :laugh:

that reminds me of the Seinfeld episode where Kramer does movie reviews.. LOL

Kramer: Press the number of the movie you wish to see... 1 for blah 2 for blah...

George: *presses*

Kramer: Did you press 1? ......... Did you press 2?

George: wtf..

Kramer: Why dont you TELL me the name of the movie you want to see

blaaaaahahahaahh still laughing........ thats genius

:ermm:... why, you say? cuz hes making a script that choses the resolution for the user, but IF IT FAILS to do so, then the user can do it manually for themselves??? wtf.. that right there defeats the purpose of the whole script.. just let people chose screen res themselves.. it aint so hard to do :whistle:

  • 0

Who is taking the ****? I'm not, I'm merely saying the code is all there. There are now 2 posts in this thread that show all you need to know. But hey, in the point of stopping an arguement here goes:

&lt;script&gt;
&lt;!--
document.writeln("You are using a resolution of "+screen.width+"x"+screen.height;
&lt;/script&gt;

  • 0
  njlouch said:
Who is taking the ****? I'm not, I'm merely saying the code is all there. There are now 2 posts in this thread that show all you need to know. But hey, in the point of stopping an arguement here goes:

&lt;script&gt;
&lt;!--
document.writeln("You are using a resolution of "+screen.width+"x"+screen.height;
&lt;/script&gt;

Thanks mate, was that hard?

Finally, anyone know what to add to the code to make it forward after x seconds

  • 0
  Spyder said:
  King Mustard said:

Thanks mate, was that hard?

what a prick. he just helped you and you make some smartassed comment.

its obviously too hard for you to figure out. you're lucky anyone helps you at all

Yes, it was too hard for me to figure out. I have NO idea how to code anything. I admit that. And I said that above because he was being sarcastic earlier saying how it was easy to figure out. However, it wasn't easy for me because I don't know anything about coding. Sorry, ok? :(

  • 0

I don't understand what you have done.

- You use percentages for the tables anyway.

- I get the 1024 page but I have 1280 resolution, the page seems to maximise or is the wrong size.

I think this will forward a page in 3 seconds, no coding required:

&lt;meta http-equiv="Refresh" content="3"; URL="destination.html">

  • 0

This index.htm page does this...

? Maximises the browser window then...

? Silently forwards to index800.htm if the user is using 800x600 resolution, or index1024.htm if the user is using 1024x768 resolution

I think it's rather successful. Could someone tell me what happens when they use 640x480 or something higher than 1024x768?

  • 0
  Ax3L said:
You want the HTML in your index page to only consist of this (alter as necessary!):  :p

<script language="JavaScript1.2">

<!--

if (screen.width==800||screen.height==600) //if 800x600

window.location.replace("pages/main_800.htm")

else if (screen.width==1024||screen.height==768) //if 1024x768

window.location.replace("pages/main_1024.htm")

else //if all else

window.location.replace("pages/main_1280.htm")

//-->

</script>

In the code the "//if all else" is not part the actual code, it's just to guide you. This is the part at the bottom which has "else" before hand. This means that if it isn't any of the other resolutions listed, it'll just forward to that page. So if you are 640x480 - that'll forward you to the res listed under "Else". You can expand the list of resolutions by just adding more lines of the "Else if" code. There ya go, simple! :whistle:

  • 0
  Quote
I think it's rather successful. Could someone tell me what happens when they use 640x480 or something higher than 1024x768?

I use 1280 res and get the 1024.htm page but it fills my screen as I have already stated!

So either it auto-maximises (defeating the point of resolution detection!) or it is simply the wrong size for 1024 resolution users.

  • 0
  MentalPiracy said:
I use 1280 res and get the 1024.htm page but it fills my screen as I have already stated!

So either it auto-maximises (defeating the point of resolution detection!) or it is simply the wrong size for 1024 resolution users.

It doesn't depeat the purpose. Try viewing index1024.htm without having your browser window full-screen and you'll see half the menu is missing, so there's code in index.htm that maximises the browser window.

  • 0

Set your screen to 1024x768. Make the browser take up 75% of your screen. View the website. You'll notice some of the buttons at the bottom are missing

EDIT: I've attached a screenshot. As you can see, the browser at 1024x768 needs to be maximised to view the entire menu

post-46-1064441755.gif

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • Dead By Daylight and three more games join Xbox Free Play Days this weekend by Pulasthi Ariyasinghe As the weekend approaches, Microsoft has brought along another Free Play Days promotion for Game Pass subscribers to jump into. This time, Dead by Daylight, Headbangers: Rhythm Royale, Trailmakers, and Synduality Echo of Ada are all available for Xbox Game Pass Ultimate, Standard, and Core members for no extra cost. As always, any progress made during the weekend also carries over automatically if you decide to purchase a game afterward. From the four games available, Dead by Daylight should be the most familiar to most gamers. The multiplayer four-versus-one asymmetric survival horror game has you assuming the roles of survivors or the killer to see who can come out on top. Next, Headbangers: Rhythm Royale lands as a light-hearted, rhythm-based battle royale game. Up to 30 players can be in a single round, all represented as pigeons, before various mini-games involving increasingly difficult rhythm challenges get thrown at the group. The last remaining pigeon becomes the "Master Headbanger." Meanwhile, Trailmakers is a popular sandbox experience where you and your friends construct physics-based vehicles. A wide range of modular parts are offered for making these vehicles, with an exploration element also adding more options to search for. Adventure, sandbox, and racing modes arrive as options for playing either solo or in multiplayer. Lastly, the Synduality Echo of Ada is a sci-fi extraction shooter experience where you control mechs as you search for loot while fighting AI and other players. Here are the store links for the announced titles and their supported platforms: Dead by Daylight - $11.99 (Xbox Series X|S, Xbox One) Headbangers: Rhythm Royale - $3.99 (Xbox Series X|S, Xbox One, PC) Trailmakers - $14.99 (Xbox Series X|S, Xbox One, PC) SYNDUALITY Echo of Ada - $29.99 (Xbox Series X|S) This Free Play Days promotion will end on Sunday, June 22, at 11:59 pm PT. Following this, expect another round of games to enter the program next Thursday, June 26.
    • I'm not simping, I'm telling it how it is. This is the norm and has been forever. Profits need to keep growing, it doesn't matter if you are valued at a trillion or a million. As long as you are part of public trading that's the name of the game. If it's cheaper for the company to outsource, they will, and you'll get laid off. Welcome to capitalism 101. Like I said, the problem is the system itself.
    • Samsung may offer Galaxy AI free for life on the Galaxy Z Fold7, Z Flip7, and Z Flip7 FE by Sagar Naresh Bhavsar Samsung is all set to unveil its latest foldables: the Galaxy Z Fold7, Z Flip7, the affordable Z Flip7 FE, along with the Galaxy Watch8 series at the Unpacked event, possibly in New York City. The Galaxy Z Fold7 is expected to be the thinnest book-style foldable from the company, while the Galaxy Z Flip7 is tipped to come with a full-screen cover display. These devices are almost confirmed to launch with Android 16-based One UI 8 out of the box, the beta of which is already live for the Galaxy S25 series. Samsung is also expected to give a glimpse of its first XR headset, the Galaxy XR, dubbed "Project Moohan," at the event. However, there may be something more exciting coming for upcoming foldable fans. A reliable leaker, PandaFlashPro on X, has tipped that you might get all Galaxy AI features for free for life with the upcoming Galaxy Z Flip7 and Galaxy Z Fold7. Notably, Galaxy AI will also reportedly be permanently free on the affordable Galaxy Z Flip7 FE. The leaker also claimed that the Galaxy Z Fold7, Z Flip7, and Z Flip7 FE will also come with Gemini Advanced plus 2TB of cloud storage, free for six months. This is similar to theoffer that Samsung offered the Galaxy S25 series earlier this year. However, the company cleared the air that the Galaxy AI features on the Galaxy S25 series will be free till the end of 2025, after which a subscription-based model will be introduced. If true, then you will be able to enjoy Galaxy AI features such as Sketch to Image, Generative Image, Note Assist, Live Translate, Interpreter, Chat Assist, etc., free for a lifetime on the upcoming foldables, setting it apart from its competitors.
    • Summary for all: Some WD SSDs need firmware updates for 24H2.
    • Next-gen AMD GPUs reported to support HDMI 2.2 with up to 80Gbit/s bandwidth by Aditya Tiwari Some beans have spilled around AMD's rumored upgrades for its next-generation graphics architecture. The American silicon giant is expected to support up to 80 Gbps mode on HDMI 2.2 for its upcoming graphics architecture, internally codenamed GFX13, and expected to launch as RDNA 5 or UDNA. The latest information comes from the leaker @Kepler_L2, who took to their social media account on X (via VideoCardz). It strengthens the hopes of the latest HDMI standard and support for faster bandwidth making their way to the next generation of AMD GPUs. The HDMI 2.2 standard was announced earlier this year and released to manufacturers in the first half of 2025. It pushes the maximum allowed bit rate to 96 Gbps and supports Latency Indication Protocol (LIP) to improve audio and video synchronization. However, according to Kepler's post, RDNA 5 GPUs are expected to support only 64 Gbps and 80 Gbps modes. This suggests that the 96 Gbps mode may not be supported on the new architecture, while it remains unclear whether this is due to some hardware limitation or will be added later. Although the new piece of information pertains to GFX13, it doesn't clarify whether it's related to the PRO or Radeon RX series. The company has previously used UHBR 13.5 (54 Gbps) for its consumer-focused GPUs to reduce costs while supporting UHBR 20 (80 Gbps) on PRO cards, according to the leaker. It remains to be seen whether AMD treats the two product lines the same or differently. Another standard announced earlier this year was DisplayPort 2.1b, which keeps the same maximum bandwidth of 80 Gbps but supports three times the cable length for UHBR20 GPU-to-display connections compared to existing VESA-certified DP80 passive cables. The new standard is supported on NVIDIA's RTX 50 and RTX PRO Blackwell series GPUs. For now, there is no update on whether AMD will bring DisplayPort 2.1b support to the GFX13 architecture.
  • Recent Achievements

    • First Post
      MikeK13 earned a badge
      First Post
    • One Month Later
      OHI Accounting earned a badge
      One Month Later
    • Week One Done
      OHI Accounting earned a badge
      Week One Done
    • First Post
      Thornskade earned a badge
      First Post
    • Week One Done
      Higante88 earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      709
    2. 2
      ATLien_0
      269
    3. 3
      Michael Scrip
      202
    4. 4
      +FloatingFatMan
      178
    5. 5
      Steven P.
      128
  • Tell a friend

    Love Neowin? Tell a friend!