17. maj 2003 - 21:33Der er
5 kommentarer og 1 løsning
Resolution change medfører redirect
Jeg har et website der opererer i tre forskellige versioner alt efter skærmstørrelsen på den computer de skal vises på. De tre størrelser er:
800x600 (750x450) 1024x768 (990x580) 1280x1024 (990x580 med centrering og indramning)
Se nu er fidusen jo at brugeren bliver viderestillet automatisk til den version der passer bedst til vedkommendes skærmstørrelse - hvorefter vinduet bliver udvidet til at fylde hele brugerens skærmbillede. Det fungerer umiddelbart fint.
Men nu er det jo sådan, at folk der arbejder i høje opløsninger (1280x1024 og derover) ofte vil foretrække at have browservinduer der ikke fylder hele skærmen og derfor vil de resize vinduet så det passer ind i deres arbejdsvaner.
Derfor har jeg brug for et script som reagerer hvis brugeren resizer browservinduet indenfor nogle fastsatte pixelstørrelser.
F.eks. hvis nu jeg har loaded mit site og er blevet viderestillet til 1280x1024 versionen - derefter resizer jeg så selv vinduet til f.eks. 900x600px. Scriptet skulle så gerne registrere dette og skifte siden ud med den version der passer dertil (I dette eksempel 800x600).
Kan dette løses - og hvis det kan så lad mig få en guide der er nogenlunde forståelig og som begrænser sig til JavaScript og html.
Husk at løsninger skal virke i alle almindelige browsere.
Helt i orden du synes min overskrift var misvisende: Kan du finde på en bedre??? :-)
> grunken
Jeg er på vej i seng nu - det ser umiddelbart lovende ud, men hvordan lægger jeg det ordenligt i js-filer? Og hvordan styrer jeg så at hvis jeg nu er på /1024/projekter.html og resizer skal den redirecte til .../800/projekter.html - og naturligvis tilsvarende på profil.html og omvendt????
<html> <head> <SCRIPT language="javascript"> function hest(){
if (navigator.appName == "Microsoft Internet Explorer") { bredde = document.body.offsetWidth; } else { bredde = window.innerWidth; }
var res1 if (bredde < 990){ res1 = 800} if (bredde >= 990){ res1 = 1024}
if (res1!=res) { location.replace('../'+res1+'/projekter.html'); }
} </SCRIPT> </head>
<body onresize="hest();"> ALT dit normale kode Kommer Her </body>
<SCRIPT language="javascript"> var b
if (navigator.appName == "Microsoft Internet Explorer") { b = document.body.offsetWidth; } else { b = window.innerWidth; }
var res
if (b < 990){ res = 800} if (b >= 990){ res = 1024} </SCRIPT> </html>
i ovenstående kan du selv ændre filnavnene i scriptet, men når det drejer sig om en masse forskellige filnavne, kan det ikke betale sig at smide dem i js filer, så skal du bare paste koden ind på de sider hvor du skal bruge det, og derefter ændre filnavnet tilsvarende i sriptet
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.
