Finde placering af element

<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};
}

var oPos = getPos( document.getElementById("mitElm") );
alert("x: " + oPos.x + " :: y: " + oPos.y)

/mvh
</bole>

Hmm, følgende placerer bare elementet øverst til venstre, i stedet for ovenpå den knap jeg trykker på:

var objPos = getPos(document.getElementById("CalenderBtn"));
        document.getElementById("Calendar").style.position = "absolute";
        document.getElementById("Calendar").style.top = objPos.y;
        document.getElementById("Calendar").style.left = objPos.x;
        document.getElementById("Calendar").style.display = "block";

Er det mig der har lavet en brøler, eller skal jeg uden for scriptet her for at finde fejlen?

MiReiGi

Ok, fik rettet fejlen, var en slåfejl i ID'et. Men nu placerer den så mit element (en table i det her tilfælde) øverst til venstre i den indkapslende tabel, i stedet for oven på knappen jeg trykker på.

Altid enheder, når der er tale om CSS - og værdien er forskellig fra 0  ;o)

        document.getElementById("Calendar").style.top = objPos.y + "px";
        document.getElementById("Calendar").style.left = objPos.x + "px";

Skal den så komme frem under knappen, skal der nok stå noget à la:
    document.getElementById("Calendar").style.top = (objPos.y + document.getElementById("CalenderBtn").offsetHeight) + "px";

Er gået væk fra det med absolut placering, og er skiftet til en <span></span> hvor jeg smider det hele ind i via:
document.getElementById("CalendarBox").innerHTML = "bla bla bla";

Men jeg kan ikke rigtigt få det til at virke. Den "wrapper" kalenderen ned på næste linje, i stedet for at ligge den ved siden af den <input /> hvor den skal bruges.

Hvis jeg nu smider min kode her, gider du så kigge på det?

MiReiGi

Næppe ... innerHTML er ikke noget, jeg beskæftiger mig med andet til en hurtig cowboy-test  =)

Inden du går videre af den sti, burde du måske kikke på denne tråd, hvor en anden har gjort det samme og øjensynligt er løbet ind i de sædvanlige problemer:
    http://www.eksperten.dk/spm/855778

Jeg er godt klar over at innerHTML ikke er det bedste, men syntes heller ikke at document.write er optimalt. Specielt ikke når det kan være svært at placere korrekt på siden.

'ikke det bedste' er vist the understatement of the year  ;o)

document.write skal kaldes, mens siden loader - ellers overskriver den dokumentet. Desuden vil den aldrig kunne gøres kompatibel med XHTML.

Siden 1999 (IE 5 og Netscape 6) har vi haft DOM til at manipulere dokumentets element træ. Brug det i stedet  ;o)

Har været ude af JS-verdenen i et 3-4 år, og er først lige kommet tilbage til den. Kan du give et eksempel på hvordan man skriver en tekststreng ud via/til DOM? :)

Nå, fandt mit svar i en ande tråd.

"firstChild.nodeValue" erstatter "innerHTML".

Hvis du smider et svar, så får du nogle point ole.

Lukker spørgsmålet pga. manglende svar fra svargiver.