Avatar billede donkazz Nybegynder
12. april 2007 - 13:12 Der er 7 kommentarer og
1 løsning

wz_dragdrop og relative divs?

Hejsa,

Jeg sidder og leger med wz_dragdrop.js (http://www.walterzorn.com/dragdrop/dragdrop_e.htm) og ville høre om der er nogen der har erfaringer med det?

Jeg har en div med position relative, og i denne div har jeg så et par andre divs med position absolute. Hvis jeg sætter en af disse children divs til at have top:0; left: 0, så bliver de placeret øverst i venstre hjørne af den relative div. Men når jeg bruger den der drag n drop, så kan jeg trække dem rundt over heeeele skærmen.. Kan man ikke gøre sådan så man kun kan bevæge den indenfor den relative div?
Avatar billede olebole Juniormester
12. april 2007 - 13:52 #1
<ole>

Om disse properties:
    maxoffl,
    maxofft,
    maxoffr,
    maxoffb

- skrives der:
"These properties reflect the values of the MAXOFFLEFT/MAXOFFTOP/MAXOFFRIGHT/MAXOFFBOTTOM-commands, that is they limit how far the element can be dragged away from its default position. Being writable (rw), these properties can directly be set or changed at runtime. A value of -1 means unlimited drag range."

Kilde: http://www.walterzorn.com/dragdrop/api_e.htm

Det må være dem, du skal sætte  =)

/mvh
</bole>
Avatar billede donkazz Nybegynder
12. april 2007 - 14:22 #2
Tjah på den måde kan jeg bestemme hvor langt div'en må trækkes, men så kræver det at jeg skal finde ud af præcis hvor div'en er INDE i den relative div, hvor bred den ydre div er, hvor bred og høj den indre div er og på den måde lave alle mulige sindssyge beregninger for at begrænse trækkegrænsen for div'en...

Det ville jo være lidt nemmere hvis man bare kunne sige "bliv indenfor den andens rammer garddamnit!" :)
Hvis man sætter position på div'en "normalt", altså f.eks. inline style="position:absolute; top: 0; left: 0" så bliver den jo inde i den omkringliggende div, så det der javagøgl må gøre noget et eller andet sted, som da burde være til at rette, eller hvordan?
Avatar billede roenving Novice
12. april 2007 - 14:49 #3
Det kan vel ikke være noget problem at have en 4-6 linjer ekstra javascript-kode, hvis du bruger et bibliotek med hundredevis af linjer ?-)
Avatar billede donkazz Nybegynder
12. april 2007 - 15:04 #4
Nej men problemet er at de divs man skal flytte rundt på skal være dynamiske, dvs. man skal kunne gemme deres positioner i en database og så gå ind og flytte dem senere. Samtidigt skal deres størrelser SAMT den omkringliggende div's størrelse også kunne rettes, så det er jo noget udregning der kræver mere end 4-6 linjers ekstra kode, sådan som jeg ser det. ;)
Avatar billede olebole Juniormester
12. april 2007 - 15:08 #5
Tjah, det ville sikkert også være lettere for Ib og Ib, hvis deres Volvo kunne flyve (eller sejle), når de skal til Ibstrup og besøge den jydske gren af familien. Sådan er det ikke med Volvoer - så de må benytte sig af broen.
Havde de i stedet kørt i en bil, de selv havde bygget, havde de også haft fuld kontrol over, hvad den kunne og ikke kunne ... men sådan er livet jo heller ikke altid  =)

Jeg orker ikke at rette filen, omend det uden tvivl kan lade sig gøre at udvidde scriptet med de ønskede restriktioner  ;o)
Avatar billede donkazz Nybegynder
12. april 2007 - 15:20 #6
Så det du siger er at jeg skal bygge mig en Volvo? hmmmm.... det lyder skørt, but it just might be crazy enough to work!!

Du orker ikke... det er 200 point, kom sååå ;)
Jeg må se på det en anden dag når jeg ikke har hedeslag så...  Tak for ingenting, Olebole! ;-D
Avatar billede donkazz Nybegynder
13. april 2007 - 10:39 #7
Nå men lidt i samme tråd her, ved I så hvordan jeg finder en DIV's relative position i forhold til det element det ligger i? Dvs. en absolute div der ligger i relative div; afstanden til kanten af den relative div, og ikke selve html kanten?
Avatar billede donkazz Nybegynder
13. april 2007 - 10:48 #8
Nå ja det fandt jeg så hurtigt svaret på.. :)
offsetLeft
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

IT-JOB