Avatar billede pnr Nybegynder
09. december 2004 - 12:55 Der er 9 kommentarer og
1 løsning

Finde kordinater for venstre hjørne af tabel, så jeg kan justere

Hvordan kan jeg finde venstre hjørne af en tabel, og derefter rette et billede der køre frem og tilbage ind efter dette hjørne.

Jeg bruger følgende script til at få billedet i bevægelse: http://schaefner.dk/files/temp/exp/568645.html
Avatar billede olebole Juniormester
09. december 2004 - 14:18 #1
<ole>

function getPos (elm) {
    for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
    return {x:zx,y:zy};
}

Positionen hentes med:

var dim = getPos(document.getElementById("TABEL_ID"));
alert("x= "+dim.x+"\ny= "+dim.y);

/mvh
</bole>
Avatar billede pnr Nybegynder
09. december 2004 - 15:30 #2
Jeg synes ikke at jeg kan få nogle kordinator.

Jeg har en tabel som jeg har givet et id="tabel", har også prøvet name=tabel. men jeg får kordinaterne 0 og 0?
Avatar billede olebole Juniormester
09. december 2004 - 15:40 #3
Så må du vist lave en fejl  :)

<!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">
body, html {
    height: 100%;
    margin: 0px;
    padding: 0px;
}
</style>
<script type="text/JavaScript">
function getPos (elm) {
    for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
    return {x:zx,y:zy};
}
function getCoords(id) {
    var dims = getPos( document.getElementById(id) );
    alert("X: " + dims.x);
    alert("Y: " + dims.y);
}
</script>
</head>
<body>

<table id="hest" style="margin:233px 156px" cellspacing="0" cellpadding="0" border="1">
<tr>
    <td>jkjlkj lkj lkjlkj lkj</td>
    <td>jkjlkj lkj lkjlkj lkj</td>
</tr>
<tr>
    <td>jkjlkj lkj lkjlkj lkj</td>
    <td>jkjlkj lkj lkjlkj lkj</td>
</tr>
</table>

<button onclick="getCoords('hest')">TEST</button>

</body>
</html>
Avatar billede pnr Nybegynder
10. december 2004 - 09:19 #4
Har rodet lidt med det og har fundet problemet. Det jeg er ved at lave ligger i en usercontrol (asp.net), svare lidt til at inkludere en side på anden. Dvs at jeg prøver at få kordinaterne før hele siden er færdig loadet! Er der nogen måde jeg kan løse det på i java-script?
Avatar billede olebole Juniormester
10. december 2004 - 21:29 #5
Jeg ved ikke, om onload-event'en fyrer af, før .net-kontrollen er færdig-loaded - eller den venter (koder selv i ASP-classic og PHP). Ellers kunne du jo prøve med:

window.onload = function(){
  // Kør din kode her
}
Avatar billede pnr Nybegynder
13. december 2004 - 06:42 #6
Jeg fandt en anden løsning, men mange tak for din hjælp!
Avatar billede olebole Juniormester
13. december 2004 - 09:01 #7
... anytime  :)
Avatar billede pnr Nybegynder
13. december 2004 - 09:12 #8
Kan du ikke smide et svar, så jeg kan kaste nogle point efter dig? ;-)
Avatar billede pnr Nybegynder
13. december 2004 - 09:13 #9
Hov den her har jeg jo fået lukket, sorry
Avatar billede olebole Juniormester
13. december 2004 - 19:37 #10
nemlig ... og tak for points  ;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