Avatar billede webbe Nybegynder
16. september 2002 - 10:39 Der er 6 kommentarer og
1 løsning

Detection af skærmopløsning?

Hej eksperter

Jeg sidder og er ved at lave noget design som måske engan skal blive til mit eget web-site, men har et problem.

Jeg har lavet noget grafik, hvor jeg vil have alt information osv. til at stå inde i en ramme.

Jeg har prøvet med <div></div> og med en tabel med et <textarea><textarea>, men når man så ændrer på skærmopløsningen eller gør vinduet mindre så flytter tabellen/di¨'en sig.

Kan jeg på nogen måde ved onload registrere hvilken skærmopløsning brugeren kører med?

Min tanke er at jeg så vil lave et javascript med en form for if-sætning der - afhængig af skærmopløsningen - vælger en position/placering for min div.

Hvis du/I har en bedre løsning er den også meget velkommen.


M.v.h.

Webbe

P.S.: Flere point er i vente hvis det bliver godt.
Avatar billede lequet Nybegynder
16. september 2002 - 10:42 #1
Sådan her... Ret simpelt, men nemt at bygge videre på

<script type="text/javascript">
function getSize() {
  var x = screen.width ;
  var y = screen.height ;

  alert("X : " + x + " Y : " + y ) :
}
</script>


<body onLoad="getSize()">
Avatar billede lequet Nybegynder
16. september 2002 - 10:43 #2
Ups, satans med de tastefejl :(

alert("X : " + x + " Y : " + y ) ;
Avatar billede Slettet bruger
16. september 2002 - 10:50 #3
Husk at skærmopløsningen er uinteressant. Det er vinduets størrelse der kan bruges til noget. Ikke alle browser med maksimeret vindue :)
Avatar billede webbe Nybegynder
17. september 2002 - 19:38 #4
lequet:

Det ser ikke ud som om den tjekker størrelsen og derefter laver en position på et lag!!!!
Det er jo det jeg gerne vil!

el barto:

Hvad vil du så foreslå at jeg gør?
Avatar billede Slettet bruger
17. september 2002 - 20:14 #5
Du bruger det her:

<script language="JavaScript" type="text/javascript">

if (self.innerWidth)
{
    winWidth = self.innerWidth;
    winHeight = self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth)
{
    winWidth = document.documentElement.clientWidth;
    winHeight = document.documentElement.clientHeight;
}
else if (document.body)
{
    winWidth = document.body.clientWidth;
    winHeight = document.body.clientHeight;
}

alert("Bredde: " + winWidth + " Højde: " + winHeight);

</script>
Avatar billede webbe Nybegynder
19. september 2002 - 11:07 #6
el barto:

Det er meget fint, men hvordan henter jeg det ned så jeg kan bruge det til at definere en position for mit lag?
Avatar billede webbe Nybegynder
28. november 2002 - 09:59 #7
Lukker spørgsmålet
Avatar billede Ny bruger Nybegynder

Din løsning...

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

IT-JOB

Riskpoint A/S (Riskpoint Solutions Limited)

Senior Developer

Capgemini Danmark A/S

Java Engineer