moveable div

Du tjekker om div'ernes koordinater overlapper hinanden, hvis de gør, skal du ikke flytte din div.

Har lavet det med en bestemt div, men hvad hvis der drejer sig om alle divs på siden

du skal have registreret alle dine divs..

//find alle divs
var divs = document.getElementsByName("Div");
var Xcoords = new Array();
var YCoords = new Array();

//smid alle divs kordinater i arrays
for(var i = 0; i < divs.lenght; i++)
{
  if(Ikke det flytbare div)   
{
Xcoords.push(divs[i].Xcoords)
Ycoords.push(divs[i].Xcoords)
}
}

Herefter kan du i din "move" funktion, chekke om der rammes nogen.

/JJ

Personligt ville jeg bruge noget færdigt kode, men det afhænger lidt af målet - hvis det bare er for sjov, til eget website, jamen så lav det selv.. men når der er timer der tæller er det oftes bedst at tage noget færdigt, gennemtestet kode.. (mange vil nok ikke give mig ret :) )


http://developer.yahoo.com/yui/examples/dragdrop/dd-region.html

/JJ

Tak

Har fået lagt offsetTop,Left,width,height ind på alle DIV.

Men kan ikke lige regne ud hvordan jeg tjekker om jeg støder ind i dem, og hvilken DIV ?

Så må du lige lave et 3div, til deres id.

Hver gang du rykker, må du kigge i dine arrays, og se om du rammer et andet.

Det er nok smartest at gemme left top, og right bottom coords, så har du et område, da de alle er kvadratiske..

kan du nøjes med at sammenligne tallene og ikke skal tænke i størrelser..

Her er lige en del af den kode jeg bruger til at chekke og flytte med:

function mover(){
var MD = event.keyCode;//MoveDirection
    if(MD == 38){//op
        var op = 0;
        if(parseInt(moveDir.style.posLeft)+ parseInt(moveDir.style.width) <= parseInt(ForsteDiv.style.posLeft)){
            op =1;}
        if(parseInt(moveDir.style.posLeft) >= parseInt(ForsteDiv.style.posTop +  parseInt(ForsteDiv.style.width))){   
            op = 1 ;}
        if(op == 1){
            moveDir.style.posTop = moveDir.style.posTop - speed;}
        else
        if(parseInt(moveDir.style.posTop) != parseInt(ForsteDiv.style.posTop + parseInt(ForsteDiv.style.height)))
            moveDir.style.posTop = moveDir.style.posTop - speed;}

Hvordan får jeg den til at tjekke arrays ved hver bevægelse, i stedet for at tjekke den enkelte div

<ole>

Der er ikke nogen style-properties, der hedder posLeft og posTop

/mvh
</bole>

Nej det er rigtigt, men jeg bruger lige denne først.

function setFigPos(){
moveDir.style.top = 170;
moveDir.style.left = 120;
moveDir.style.height = 20;
moveDir.style.width = 20;
}

Så er der.. :-)

Nej, det er der ikke. Jeg gentager: "Der er ikke nogen style-properties, der hedder posLeft og posTop". De to properties er ganske enkelt ikke defineret i nogen somhelst officiel standard  :)

Desuden burde dine CSS-tildelinger ikke virke i nogen browser. Du burde skrive:

function setFigPos(){
moveDir.style.top = "170px";
moveDir.style.left = "120px";
moveDir.style.height = "20px";
moveDir.style.width = "20px";
}

- at din kode evt. måtte virke i IE, skyldes udelukkende en bug i IE. Der skal _altid_ enheder på style-værdier!

Jeg er da ked af at de ikke defineret i nogen somhelst officiel standard. Men for mig betyder dette egentligt ikke ret meget, da de defineret eller ej virker.

Ja du har ret. det er IE der retter fejlen med de manglende px for mig.

- og det er noget sludder, at det virker. Det virker kun i IE ... netop fordi, det ikke er standardiseret.

Måske, du kunne have gavn af at gå lidt mere op i, hvad der er standardiseret kode og hvad der ikke er. Når skidtet ikke virker, kan man sjældent klare sig med smarte kommentarer  ;o)

Er der ingen der har nogle bud på hvordan dette kan løses ??

Det er en større opgave, du nok skal have løst under Opgaver-kategorien, dersom nogen skulle have lyst  :)

Jeg prøver lige at rode lidt mere med selv.

Tak for de hendvendelser der har været her.

Det kræver lidt for meget at "lave" det for dig..

Jeg ville personligt selv (hvis jeg skulle lave alt fra bunden, som jeg aldrig ville kaste mig ud i) bygge det lidt mere object orienteret op.. Ellers bliver det alt for hurtigt for uskalerbart og ugennemskueligt, og browserkompabilitet kan lige pludselig blive et debug helvede.

/JJ

altså wrap dine moveable div's ind i nogle klasser der har en leftTop egenskab og en rightbottom bestående af 2 koordinater for hver. Giv dem nogle metoder som at flytte, checke om de rammer andre osv.

fik lavet med lidt brug af jokkejensens arrays, og lidt af mine egne ideer.
Jokkejensen fortjener halvdelen
Smid et svar
Tak

Hjælp til selvhjælp :), det vil dog hjælpe andre brugere hvis du lige postede noget af den fungerende kode -> så vil de også kunne finde lidt hjælp, desuden er jeg lidt nysgerrig om resultatet :)

Jeg rydder lige lidt op i koden, så skal jeg nok poste den

Det behøver du ikke, skriver selv noget hø (time/resultat orienteret om man vil) :)

men tak for points.