Page Redirection

[AndySD]

I have been searching for a while.. not very sucsessfully to try to find this out..

I have designed a web page for my girlfriend arround a document design she made. Its one size only 760x420 now this is fine at 800x600 but she has asked if its possable on larger screen resolutions to have it redirect or popup on a set sized window with no toolbars etc like some Flash pages do.

If so can anyone help with the code and/or direct me to a tutorial that will help please.

Andy

[khalidali63]

window.screen.availWidth
window.screen.availHeight

will give you X and Y screen res.

then just use couple of if statements to check
the res and use the following to redirect

window.location.href = "1024page.html"
and so on

Cheers

Khalid

[eevailen]

Hi Andy,
even tho i have PMed you about this, ill post it on here as well

This can be easily accomplished by the use of a small button to make the page
open up in a set sized window,

<form method="GET">
<input type=button value="Click Me" onClick="window.open('URLHERE','NAMEOFPAGE','width=###,height=###,
directories=yes,location=yes,menubar=yes,scrollbars=yes,status=no,toolbar=no,
resizable=no,left=50,top=20,screenX=0,screenY=0');return false" style="background-color: #000000; color: #FFFFFF; font-weight: bold; font-size: 10pt; font-family: geneva;"></form>

That would produce a small button saying click me, and when it did, (after you modify it a bit) it would load the page in whatever size you want. I use this on my page
(boomspeed.com/eevailen) on the front page. You can also use an image map to do the same.

[nkaisare]

Try using relative widths instead of absolute widths.

Difference between print media and www is that the page can appear differently in different browsers no matter what you do. What if a person uses 1024*768 resolution, but then resizes his window size (for any reason). Or has his windows toolbar at a different location (say to the left instead of bottom, making the screensize 950px wide).