Slette og legge til ting med javascript?

[levurax]

Hei der, jeg trenger til hjelp (bombe)..

Problemet mitt er:

 

Jeg sletter først innholdet i div2 (veit ikke helt hvordan denna koden funker, siden jeg fikk den fra google -.-).. Men hvertfall, poenget er at jeg skal slette div2, så lage en ny div2 inni div1 (sånn som det er når alt starter).. Grunnen er dersom brukeren endrer størrelsen på spillet, så skal den gjøre det med å slette det som står der, så lage ett nytt "brett"..

 

Noen som har noe peil på detta?

 

 

function RemoveItems() {
if (there) {
 	var divthing = document.getElementById("div2");
 	divthing.parentNode.removeChild(divthing);
 	there = false;
}

}

function AddItem() {
 div=document.getElementById("div1");

 //Skal skrive inn alt som er i startGame() prosedyren.. Men ikke div1 derrifra da.. 

 newnode=document.createElement("div1");
 newnode.innerHTML=newitem;
 div1.insertBefore(newnode);
}

function startGame() {
document.write("<div id = 'div1'>");
document.write("<div class = 'div2' id = 'div2' style='width=" + (sizeRight * 50+(30)) + "; height=" + (sizeDown * 50+(30)) + ";'>");
placeGame();
document.write("</div>");
document.write("</div>");
}

Endret 8. mars 2008 av levurax

[luxus]

Tror dette kan hjelpe deg:

function AddItem() {
 // Henter ut div1 som er i DOM
 div1 = document.getElementById("div1");

 // Lager div2 som skal settes inn, setter egenskaper lik din HTML
 div2			  = document.createElement("div");
 div2.id		   = "div2";
 div2.className	= "div2"; // trengs dette? :-)
 div2.style.width  = (sizeRight * 50 + 30) + "px";
 div2.style.height = (sizeDown * 50 + 30) + "px";

 // Setter div2 inn som et barn av div1 (altså div2 blir satt inni div1)
 div1.appendChild(div2);
}

 

En liten ting til:

document.write("<div class = 'div2' id = 'div2' style='width=" + (sizeRight * 50+(30)) + "; height=" + (sizeDown * 50+(30)) + ";'>");

For det første er ikke document.write særlig fint å bruke som regel, bruk heller samme metode som AddItem() bruker. Det neste er at atributten style i div-en gis på denne formen:

style="width: 10px; height: 10px;". Altså ikke noe '='-tegn, men kolon. Når du angir høyde/bredde skal du også angi hva verdien faktisk er. Er det px, em eller f.eks. gitt i %?

Endret 10. mars 2008 av luxus