Notifikationer

Markér alle som læst Log ud

k-asp-er Nybegynder

04. juli 2002 - 15:53 Der er 22 kommentarer og
1 løsning

Beregn højde på browservinduet

Hvordan beregner man højden på et åbnet browservindue?

Synes godt om

=maddog= Nybegynder

04. juli 2002 - 15:59 #1

vinduet eller documentet?

Synes godt om

senj Nybegynder

04. juli 2002 - 16:03 #2

http://www.xs4all.nl/~ppk/js/doctypes.html

- se under "Table of measurements"

Synes godt om

k-asp-er Nybegynder

04. juli 2002 - 16:04 #3

Vinduet - det kunne være et tomt dokument

Synes godt om

senj Nybegynder

04. juli 2002 - 16:07 #4

Se på denne via view source

http://www.xs4all.nl/~ppk/js/doctype_off.html

Synes godt om

k-asp-er Nybegynder

04. juli 2002 - 16:08 #5

noget offsetHeight kunne jeg forestille mig

Synes godt om

k-asp-er Nybegynder

04. juli 2002 - 16:22 #6

Jow, men jeg er ikke nogen ørn til at trække værdierne ud fra et javascript

Synes godt om

nikolajdu Nybegynder

04. juli 2002 - 16:24 #7

window.outerWidth // ns
window.outerHeight // ns

document.body.clientHeight // ie
document.body.clientWidth // ie

Her de ydre dimensioner - med scrollbars, men f.eks knapper regnes ikke med til et browser vindue.

Synes godt om

jakoba Nybegynder

04. juli 2002 - 16:30 #8

den indre højde af browservinduet kan du finde med:
<script type='text/javascript'>
var indrewinhoj = ( window.innerHeight ) ? window.innerHeight : document.body.clientHeight ;
</script>
Bemærk at i IE skal du vente til efter <body kommandoen er blevet læst med at udføre det script. før da findes der ikke noget body-objekt i document.

bruwservinduets ydre mål kan aflæses i Netscape og de fleste andre browsere med:
<script type='text/javascript'>
var ydrewinhoj = ( window.outerHeight ) ? window.outerHeight : "JegVedIkkeHvor" ;
</script>
Det er ikke lykkedes mig at finde det mål i IE.

mvh JakobA

Synes godt om

k-asp-er Nybegynder

04. juli 2002 - 16:31 #9

Det er sådan, at jeg vil have en table at have samme højde som siden.
<html>

<head>
</head>
<body>
<table height = sidehøjde>
<tr>
<td> 
</td>
</tr>
</table>
</body>

</html>

Synes godt om

k-asp-er Nybegynder

04. juli 2002 - 16:33 #10

Altså minimum samme højde som siden

Synes godt om

k-asp-er Nybegynder

04. juli 2002 - 16:43 #11

--> JacobA
Hvor bliver værdien af, kan den skrives på siden?

Synes godt om

nikolajdu Nybegynder

04. juli 2002 - 17:00 #12

Jeg kan sgutte få IE (sjovt nok - Plejers ellers at ville alt..) til at tage den helt præcise højde, så jeg har snydt lidt.

I IE sætter jeg højden til 100% og i NS (der ikke er så glad for højde i %) sætter vi den til den indre hojde.

<html>
<head>

</head>

<body marginheight="0" bottommargin="0" leftmargin="0" marginwidth="0">

<script type='text/javascript'>

ns4 = (document.layers)?true:false
ns6 = (document.getElementById &&!document.all)?true:false;

if(!ns4||!ns6){
hojde = "100%"
}else{
hojde = window.outerHeight;
}

document.writeln("<table height='"+hojde+"' width='200' border='1'>")
document.writeln("<tr><td>hej hej her du</td></tr></table>")

alert(document.body.clientHeight+" "+document.body.offsetHeight)

</script>

</body>
</html>

Mon ikke det skulle virke efter hensigten...

/Nikolaj

Synes godt om

k-asp-er Nybegynder

04. juli 2002 - 17:08 #13

--> Nikolaj
Jamen det spiller jo, hvordan får jeg så hældt værdien ned i min table?

Synes godt om

k-asp-er Nybegynder

04. juli 2002 - 17:10 #14

Jeg vil jo ikke så gerne skrive hele koden inde i scriptet

Synes godt om

nikolajdu Nybegynder

04. juli 2002 - 17:11 #15

hov det skal vidst lige være:

hojde = window.innerHeight;

og 2 sekunder

Synes godt om

nikolajdu Nybegynder

04. juli 2002 - 17:12 #16

Sådan her ?

<html>
<head>

</head>

<body marginheight="0" bottommargin="0" leftmargin="0" marginwidth="0">

<script type='text/javascript'>

ns4 = (document.layers)?true:false
ns6 = (document.getElementById &&!document.all)?true:false;

if(!ns4||!ns6){
hojde = "100%"
}else{
hojde = window.innerHeight;
}

document.writeln("<table height='"+hojde+"' width='200' border='1'>")

</script>

<tr>
<td>hej hej her du</td>
</tr>

</table>

</body>
</html>

/Nikolaj

Synes godt om

nikolajdu Nybegynder

04. juli 2002 - 17:20 #17

Tak for point og tak til min kære onkel (sukos) der kom med det i virkeligheden simple forslag, da jeg sad og brokkede mig over ikke at kunne finden hojden i IE.

Synes godt om

k-asp-er Nybegynder

04. juli 2002 - 19:13 #18

-->Nikolaj
Det var nu ikke lige det, jeg mente. Jeg vil gerne kunne bruge værdien nede i html-koden.

<html>
<head>

</head>

<body marginheight="0" bottommargin="0" leftmargin="0" marginwidth="0">

<script type='text/javascript'>

ns4 = (document.layers)?true:false
ns6 = (document.getElementById &&!document.all)?true:false;

if(!ns4||!ns6){
hojde = "100%"
}else{
hojde = window.innerHeight;
}

//document.writeln("<table height='"+hojde+"' width='200' border='1'>")

</script>

<TABLE height=+hojde+>
<tr>
<td>hej hej her du</td>
</tr>

</table>

Synes godt om

jakoba Nybegynder

04. juli 2002 - 19:20 #19

Det kan ikke lade sig gøre.
I CSS2 er den nogen med at man skal kunne lave javascript macroer der på den måde udregner ig indsætter attributværdier, men det er kun de aller myeste browsere der fatter noget af dem endnu. (og så den oædgamle Netscape3, men de droppede det igen)

Indtil vider må du skrive dine html kommandoer med javascript hvis du sådan vil kunne sætte de værdier der skal bruges.

mvh JakobA

Synes godt om

=maddog= Nybegynder

04. juli 2002 - 19:31 #20

korrekt jakoba>
det var/er meningen at man skal kunne bruge makroer med entity syntax
<table height="&{javascript};">
men det dutter ikke rigtigt. NS4 (jeg elsker det gamle lort) understøtter det vidunderlig JSS (javascript style-sheets) hvor man netop kan skrive sit stylesheet i javascript. f.x.

with (document.classes.FullHeightTable) {
height=function() {return window.innerHeight;}
width=function() {return window.innerWidth;}
}

<table class="FullHeightTable">
men det blev aldrig til nogen standard.

Synes godt om

k-asp-er Nybegynder

04. juli 2002 - 19:38 #21

Jamen Øv

Synes godt om

=maddog= Nybegynder

04. juli 2002 - 19:45 #22

der var faktisk rimelig mange fede ting i NS4 som blev fuldkommen skudt i sænk, delvist af deres egen ineffektivitet i implementeringen og delvist af Micro$oft der insisterede på ikke at anvende noget som helst, som var NS.

Synes godt om

nikolajdu Nybegynder

04. juli 2002 - 20:52 #23

jamen halløj da hvor blev det interessant det her :))

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS