Søg
Avatar billede yezbarh Nybegynder
09. september 2005 - 15:44 Der er 16 kommentarer og
1 løsning

Finde left og top på siden

hvordan laver man en onlick i body som viser sidens left og top kordinater??

dette vil jo ikke virke.
<body bgcolor="white" onclick="java script:f(getX(),getY());">

-- men hvordan gør man??
Avatar billede softspot Forsker
10. september 2005 - 10:33 #1
Mon ikke du kan finde dem på

document.body.style.offsetLeft

og

document.body.style.offsetTop
Avatar billede softspot Forsker
10. september 2005 - 10:38 #2
Næh! Men man kan finde dem på:

document.body.offsetLeft

og

document.body.offsetTop
Avatar billede yezbarh Nybegynder
10. september 2005 - 11:23 #3
Smid svar.
Avatar billede softspot Forsker
10. september 2005 - 11:25 #4
Det kom der :)
Avatar billede softspot Forsker
10. september 2005 - 11:32 #5
Tak for point :)
Avatar billede olebole Juniormester
10. september 2005 - 12:30 #6
<ole>

*LoooL* hvad sker der her? Er der et par brugere, der er begyndt at positionere deres body-element og flytte rundt på det ... eller ...?!??!!  :D

Ellers er det da noget enklere at slå fast, at det koordinatsæt altid er 0,0  ;o)

/mvh
</bole>
Avatar billede softspot Forsker
10. september 2005 - 12:36 #7
Ja, det burde det da være, men spøjst nok fik jeg 15,15 i IE... nogen umiddelbar forklaring på dette?
Avatar billede yezbarh Nybegynder
10. september 2005 - 12:39 #8
Ole? ikke for at være efter dig, men hvorfor kommer du hoppende herind, uden at vide hvad vi snakker om? Og oveni købet når det er lukket??

Du behøves ikke kommentere denne tråd når den er lukket. Har fået mine svar fra softspot.
Avatar billede olebole Juniormester
10. september 2005 - 12:50 #9
yezbarh >> Få nu armene lidt ind til kroppen, Bassemand - og så stik en finger i jorden og find ud af, hvad det er for et forum, du lige har oprettet en bruger i.
Det er ganske almindeligt kotyme at kommentere spørgsmål - uanset om de er lukket eller ej. Ønsker du noget andet, er det det forkerte forum, du er i  ;o)

softspot >> body-elementet ligger i 0,0 - med mindre, du har flyttet på det. Desuden giver de to udtryk helt forskellige resultater i forskellige browsere  :)
Avatar billede softspot Forsker
10. september 2005 - 12:59 #10
Ja, det var nemlig det jeg også konstaterede (FF meldte 0,0). Jeg har for nylig lavet en dims til at holde et element indenfor browserens vindue (tror jeg nok du var med til at få til at fungere i øvrigt :)), hvor jeg kunne se at IE flyttede det lidt op til venstre ifht. FF. Det kan jeg så se er fordi jeg ikke har taget offsetTop og offsetLeft på body-elementet, når jeg har traverseret offsetParent...
Avatar billede olebole Juniormester
10. september 2005 - 13:20 #11
Det er afhængig af en del forskelligt  :)

For det første afhænger det af DTD'en. Dernæst er det afhængig af hvad der er sat af, hvad der er sat af margin og padding på body'en - og hvordan den enkelte browser tolker dette.

Enormt mange af de problemer, der bliver stillet i denne og (D)HTML-kategorien, skyldes rod omkring tolkningen af documentElement- og body-elementerne ... dette er ikke en undtagelse  :)

Man kan selv gøre en del for at undgå disse problemer:
Naturligvis skal der være en DTD present (ellers er det jo slet ikke et HTML-dokument). Denne bør indeholde definitions-URL'en, da IE eller ikke kan tolke CSS ... ikke engang CSS1. Den kan f.eks. se sådan ud:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Dernæst er det en rigtig god idé at sætte følgende CSS:

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

Højden bør sættes, da højden på body-elementet ellers kun er så højt som indholdet. Derfor får elementer, der ligger i body-elementet - og som har fået sat højden 100% - ikke den forventede højde. Prøv f.eks. disse to dokumenter:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>TITLE</title>
</head>
<body>

<div style="height:100%;background:red">jliulijuliu</div>

</body>
</html>

- og:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>TITLE</title>
<style type="text/css">
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
</style>
</head>
<body>

<div style="height:100%;background:red">jliulijuliu</div>

</body>
</html>

De fleste browsere lægger en margin udenom body-elementet, men Opera lægger i stedet padding i body-elementet - hvorfor både padding og margin sættes til 0.

Satte du ikke disse to værdier til 0, ville de 100% højde naturligvis introducere scrollbars, da body-elementet så ville blive 100% plus de 10px margin i top og bund  ;o)
Avatar billede olebole Juniormester
10. september 2005 - 13:30 #12
yezbarh >> Når man er gæst i et nyt hus, påbyder almindelig dannelse, at man først lærer stedets uskrevne regler, inden man puster sig op og vil dirigere rundt med 'de fastboende'.
Det værste, der kan ske ved, at du 'lader dig integrere', er at du kommer til at lære noget om det, du stiller spøgsmål til. Når man spørger om noget, man ikke ved så meget om, kan det være vanskeligt at bedømme brugbarheden af svaret (ellers spurgte man jo ikke) - eller om et svar måske virker brugbart, fordi svareren begår samme fejl, som én selv.

Derfor ville det være komplet tåbeligt, hvis folk opførte sig, som du ønsker. Selvfølgelig skal man da kommenter på spørgsmål, hvor man ikke er enig i det svar, der er givet.

Stik piben ind ... ryst din paranoia af dig ... og lær  ;o)
Avatar billede olebole Juniormester
10. september 2005 - 13:33 #13
*ROTFL* Ekspertens karma er zq en sjov størrelse at læse i ... men den beskriver på bedste vis menneskeartens mangfoldighed  :D
Avatar billede yezbarh Nybegynder
10. september 2005 - 13:35 #14
ole.. Sorry min opførelse.. Vidste sgu ikke lige.. Er ny ..
Retter lige din karma op igen.
Beklager ulejligheden.
Avatar billede olebole Juniormester
10. september 2005 - 13:41 #15
Det er helt okay, yezbarh ... nu har du mødt olebole - og det kan sikkert godt være en 'overvældende' oplevelse  :D

Jeg har en humor, der godt kan være lidt spidsfindig - og lagde ikke rigtig mærke til, du var ny, før du reagerede. Min oprindelige joke var først og fremmest møntet på softspot, der blev 'vaccineret' mod mig for længe siden ... og den var faktisk ganske godmodigt ment  :)

Velkommen på Eksperten ... vi er slet ikke så slemme  ;D
Avatar billede yezbarh Nybegynder
10. september 2005 - 14:39 #16
hehe, nej - Havde da hellere ikke regnet med i er så slemme :)
Men jeg takker meget, og vil da blive på Eksperten :)

/yezbarh
Avatar billede olebole Juniormester
10. september 2005 - 15:02 #17
- så er du zq osse selv ude om det!  ;D
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
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 03/05/202613:59
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
20/0714:16 Smartwatch med faldalarm og sos Af hkv i Fitness & Smartwatches
20/0711:23 System til bordreservation Af Strawberry i PHP
18/0720:34 Tidsbestemt Gendannelse - ny funktion i Windows Af Uvanga i Windows
18/0718:04 Ingen menubjælke i chrome Af valby i Browsere
White papers
Flere white papers »