Avatar billede nythjem Nybegynder
22. juli 2004 - 14:04 Der er 10 kommentarer og
1 løsning

Find width, height, x, y

Hej Alle!

Jeg har et hoved dokument, og en frame, der hedder right. I framen har jeg et billede og et div.

Divet findes herunder. I hoved dokumentet har jeg

- Bredde <input type="text" name="bredde">
- Højde <input type="text" name="hoejde">
- X <input type="text" name="x">
- Y <input type="text" name="y">

Jeg har gjort mit div dragable. Jeg kan altså flytte rundt på det. Når jeg flytter rundt på det vil jeg gerne have divets bredde, højde, x dimension, og y dimension til at fremgå ovre i tekst boksene.

Er der nogle, der ved hvordan jeg gør det?

### div ###

<div id="sel" style="left:0; top:0; border-width:1; border-style:solid; border-color:black; width:135; height:170; position:absolute; background-color:white; filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=15, FinishOpacity=15, Style=3, StartX=0,  FinishX=100, StartY=0, FinishY=100)"></div>
Avatar billede Slettet bruger
22. juli 2004 - 14:23 #1
Det kommer helt an på, hvordan du har lavet det flytbart. Det ville være nemmest, hvis du kunne smide et link.
Avatar billede nythjem Nybegynder
22. juli 2004 - 14:31 #2
Hej Phoenixv!

Du kan se et eksempel her: www.nythjem.dk/test/mitdiv.html

Jeg har evt en funktion man kunne implimentere, men jeg kan ikke finde ud af, at bruge det *Gg*

function capture(){
    if(theimage != ''){
        getter.src='doit.asp?f=testbillede.jpg&c='+theimage+'&x='+sel.style.left.replace('px','')+'&y='+sel.style.top.replace('px','')+'&w='+sel.style.width.replace('px','')+'&h='+sel.style.height.replace('px','');
    }else{
        getter.src='doit.asp?f=testbillede.JPG&mode=crop&x='+sel.style.left.replace('px','')+'&y='+sel.style.top.replace('px','')+'&w='+sel.style.width.replace('px','')+'&h='+sel.style.height.replace('px','');
    }
}
Avatar billede Slettet bruger
22. juli 2004 - 14:48 #3
Idet jeg går ud fra, at du med "frame" mener "iframe", skal du ændre funktionen "mouser" til dette:

function mouser(){
    if(event.x < originalimg.width && event.y < originalimg.height){
        if(originalimg.height > parseInt(event.y)+(parseInt(sel.style.height.replace('px','')))/2 && event.y-(parseInt(sel.style.height.replace('px',''))/2) >= 0){
            sel.style.top=event.y-(parseInt(sel.style.height.replace('px',''))/2);
        }
        if(originalimg.width > parseInt(event.x)+(parseInt(sel.style.width.replace('px','')))/2 && event.x-(parseInt(sel.style.width.replace('px',''))/2) >= 0){
            sel.style.left=event.x-(parseInt(sel.style.width.replace('px',''))/2);
        }
    }
  frm = parent.document.formNavn;
  frm.bredde.value = parseInt(sel.style.width, 10);
  frm.hoejde.value = parseInt(sel.style.height, 10);
  frm.x.value = parseInt(sel.style.left, 10);
  frm.y.value = parseInt(sel.style.top, 10);
}
Avatar billede Slettet bruger
22. juli 2004 - 14:49 #4
Det er i øvrigt temmelig ukorrekt kode, men sådan er resten af scriptet også.
Avatar billede nythjem Nybegynder
22. juli 2004 - 15:00 #5
Allright :)

Jeg har lige prøvet at uploade et eksempel. Jeg har ændret parant til right, men det virker ikke helt endnu.

Men ellers tak for hjælpen indtil nu P :)
Avatar billede nythjem Nybegynder
22. juli 2004 - 15:01 #6
Eksemplet ligger på www.nythjem.dk/test/mitdiv.html
Avatar billede Slettet bruger
22. juli 2004 - 15:04 #7
Du skal være konsekvent med brugen af store og små bogstaver. Skriv enten "formnavn" eller "formNavn" både i scriptet og på siden i iframen.
Avatar billede nythjem Nybegynder
22. juli 2004 - 15:08 #8
Ja, hold da op, den havde jeg ikke lige helt set..

Tusinde tak skal du have P!

:)
Avatar billede nythjem Nybegynder
22. juli 2004 - 16:42 #9
Hej igen Phoenixv.

Jeg har lige fundet ud af, at jeg har dummet mig lidt.

Selve scriptet ligger sgu i "right". Hvad skal ændres for, at den overfører informationerne til hoved dokumentet?

På forhånd tak, og læg lige et svar, ik :)
Avatar billede nythjem Nybegynder
22. juli 2004 - 17:05 #10
Sorry, fandt lige ud af, at det bare skulle være parent.

Men læg lige et svar, tak :)

Og god aften..
Avatar billede Slettet bruger
23. juli 2004 - 11:46 #11
Svar
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