Avatar billede bioz Nybegynder
01. januar 2003 - 21:28 Der er 3 kommentarer og
1 løsning

style.left i NS6.1

Hvordan får jeg style.left som i eks. nedenunder til at virke på et objekt i Netscape 6.1.

<html>
<head>
    <title>NS6</title>
</head>
<body>

<script language="JavaScript" type="text/javascript">
  function tableRight(){
    var table = document.getElementById("tabletest");
    x = table.offsetLeft;
    table.style.left = x + 100;
  }
 
  function tableLeft(){
    var table = document.getElementById("tabletest");
    x = table.offsetLeft;
    table.style.left = x - 100;
  }
</script>

<table id="tabletest" border="1" style="position: absolute; left: 0px; top: 0px;">
<tr><td>1</td><td>2</td></tr>
</table>
<br><br>
<input type="button" onClick="tableLeft()" value="Move Left">
<input type="button" onClick="tableRight()" value="Move Right">
</body>
</html>
Avatar billede pelkjaer Nybegynder
02. januar 2003 - 10:25 #1
Det virker fint med

<div id="tabletest" style="position:absolute; left:0px; top:0px;">
<table border="1">
<tr><td>1</td><td>2</td></tr>
</table>
</div>

Jeg ville dog hellere gøre således

function tableLeft() {
myObj = document.getElementById("tabletest");
    x = parseInt(myObj.style.left);
    x = x - 100;
    myObj.style.left = x + "px";


function tableRight() {
myObj = document.getElementById("tabletest");
    y = parseInt(myObj.style.left);
    y = y + 100;
    myObj.style.left = y + "px";
}
Avatar billede bioz Nybegynder
02. januar 2003 - 11:38 #2
Løsningen ligger åbenbart i at du styler et div element istedet for table elementet. For om du læser elementets placering med "obj.style.left" eller "obj.offsetLeft" gør ingen forskel udover at man skal bruge parseInt() til at arbejde med resultatet af "obj.style.left". Lav lige et "svar" så får du pointene pelkjaer.
Avatar billede pelkjaer Nybegynder
02. januar 2003 - 11:56 #3
allright.

Næ du har ret I at der ingen umiddelbar forskel er. Dog er offset* ikke en del af dom'en selvom både IE og Mozilla understøtter det.
Avatar billede bioz Nybegynder
02. januar 2003 - 12:02 #4
Tak for det, du er nu 60 point rigere... ;)
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