Avatar billede testpilot_dk Nybegynder
19. august 2005 - 16:44 Der er 16 kommentarer og
1 løsning

Skærm størrelse i Input Boks

Hej!

Hvordan får jeg brugerens skærm/browser indstillinger ind i en Inputboks!

Jeg ved godt hvor jeg får skærmens værdier, men ved bare ikke hvordan jeg kan arbejde på dem i almindelig html
Avatar billede testpilot_dk Nybegynder
19. august 2005 - 16:57 #1
Jeg skal bare bruge skærmens opløsning, eller det aktuelle vindues størrelse
Avatar billede Slettet bruger
19. august 2005 - 17:14 #2
Så må du jo smide den kode du vil have vi skal arbejde videre på.
Avatar billede nielle Nybegynder
19. august 2005 - 17:21 #3
Måske sådan her?

<script type='text/javascript'>
function updateInput()
{
    document.getElementById("windowWidth").value = screen.width;
    document.getElementById("windowHeight").value = screen.height;
}
</script>

<input type="text" name="windowWidth" id="windowWidth"><br>
<input type="text" name="windowHeight" id="windowHeight">

<script type='text/javascript'>
updateInput();
</script>
Avatar billede testpilot_dk Nybegynder
19. august 2005 - 17:23 #4
Jeg har kun dette indtil videre

<html>
<body>
<form ......>
<input type=text name=test value=?????>

Jeg ved at jeg kan få skærmens værdier med window.innerWidth

Hvordan kan jeg få den skrevet ud i tekstboksen
Avatar billede testpilot_dk Nybegynder
19. august 2005 - 17:25 #5
Jeps, Nielle!

Det var lige hvad jeg skulle bruge!

Takker og send et svar
Avatar billede nielle Nybegynder
19. august 2005 - 17:28 #6
Svar :^)
Avatar billede testpilot_dk Nybegynder
19. august 2005 - 17:30 #7
hvad nu hvis jeg kun vil have vinduet størrelse ?
Avatar billede nielle Nybegynder
19. august 2005 - 17:47 #8
Så erstatter du bare "screen.width" med "window.innerWidth".
Avatar billede testpilot_dk Nybegynder
19. august 2005 - 18:33 #9
SÅ bliver resultatet Undefined!

hvorfor det

  document.getElementById("windowWidth").value = screen.width;
Avatar billede testpilot_dk Nybegynder
19. august 2005 - 18:34 #10
document.getElementById("windowWidth").value = window.innerWidth;
Avatar billede nielle Nybegynder
19. august 2005 - 18:48 #11
innerWidth og innerHeight ser ud til at være specifikke for Gecko. Prøv dette i stedet:

<script type='text/javascript'>
function updateInput()
{
    document.getElementById("windowWidth").value = document.body.clientWidth;
    document.getElementById("windowHeight").value = document.body.clientHeight;
}
</script>

<input type="text" name="windowWidth" id="windowWidth"><br>
<input type="text" name="windowHeight" id="windowHeight">

<script type='text/javascript'>
updateInput()
</script>
Avatar billede testpilot_dk Nybegynder
19. august 2005 - 18:53 #12
document.getElementById("windowH").value = document.body.clientHeight;

Denne værdi bliver hele tiden 72!

Hvorfor det, den anden virker fint nok
Avatar billede nielle Nybegynder
19. august 2005 - 19:11 #13
Ret ...("windowH")... til ...("windowHeight")...
Avatar billede testpilot_dk Nybegynder
19. august 2005 - 19:13 #14
det har jeg prøvet, jeg kan ikke få den til at virke

Den giver stadig 72
Avatar billede olebole Juniormester
19. august 2005 - 19:16 #15
<ole>

Prøv med:
  document.body.offsetHeight
- og:
  document.documentElement.offsetHeight

Det er afhængigt af DTD, hvad der skal bruges  :)

/mvh
</bole>
Avatar billede testpilot_dk Nybegynder
19. august 2005 - 21:50 #16
takker olebole, det virker med document.documentElement.offsetHeight
Avatar billede olebole Juniormester
19. august 2005 - 22:04 #17
- selvtak  ;o)
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