Avatar billede jacob_hs Nybegynder
08. september 2003 - 10:45 Der er 2 kommentarer og
1 løsning

Fange placering af <DIV>

Hej
Jeg vil høre hvordan jeg kan fange placeringen af en div boks, da jeg skal placere en anden div under den ved klik.
(Der er flere knapper på siden)

Har prøvet med:
document.getElementById('formen').style.posLeft
Men den retunere bare en tom værdi. Håber der er nogen som kan hjælpe.
Avatar billede jacob_hs Nybegynder
08. september 2003 - 11:39 #1
Det er et forum som jeg er ved at lave:

Hoved tråd
- Under tråd
  - Under Under
  - Under Under
- Under tråd

ved hver tråd er der en besvar knap, og når der trykkes på denne skal der vises en div boks med formen til besvarelse

Hoved tråd
- Under tråd
  - Under Under (Hvis klikket besvar her vises)
    (<div>Formen</div>)
  - Under Under
- Under tråd

At flytte div boksen gør jeg med følgende:
document.getElementById('formen').style.posLeft=LeftPlacering;
document.getElementById('formen').style.posTop=TopPlacering;

Virker fint, dog vil jeg gerne kunne finde LeftPlacering og TopPlacering, har prøvet at fange event.offsetY; for at finde musens placering, og placere ud for denne. Det virker dog ikke optimalt, hvis forumet fylder mere en en side ned af.

Håber der er en som kan hjælpe

/Jacob
Avatar billede skovenborg Nybegynder
08. september 2003 - 17:00 #2
document.getElementById('formen').style.left og
document.getElementById('formen').style.top

Husk lige at du nogle gange skal sætte enheder på når du ændrer placering:
LeftPlacering = 100;
document.getElementById('formen').style.left = LeftPlacering + "px";
Avatar billede jacob_hs Nybegynder
08. september 2003 - 17:28 #3
Jeg har løst problemet ved at lave en ekstra div efter hver knap og så gør jeg følgende:
var valgt='';
function VisForm(iden){
    if(valgt==''){
        document.getElementById(iden).innerHTML=document.getElementById('formen').innerHTML;
        document.getElementById('formen').innerHTML='';
        valgt=iden;
    }else{

        document.getElementById(iden).innerHTML=document.getElementById(valgt).innerHTML;
        document.getElementById(valgt).innerHTML='';
        valgt=iden;
    }
}
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