delete an object

cleary1981

Can anyone help me. I need a function to delete an object. Here is the function I use to create objects.

Expand|Select|Wrap|Line Numbers

 function showObject (){

    if (request.readyState == 4) {

    var returned = request.responseText;

    var splitResult = returned.split(" ");

    var h = splitResult[0];

    var w = splitResult[1];    // the dimensions must be set to a scale as they are to big for the screen. 25px represents 100mm

    h = h/5;

    w = w/5;
 
    cv = document.getElementById("canvas");

    newObject = document.createElement('div');

    newObject.Class = g_objName;

    newObject.id = "newObject";

    newObject.innerHTML = g_objName;

    newObject.alt = g_objName;

    newObject.style.height = h;

    newObject.style.width = w;

    newObject.onmousedown=function(){grab(this);}    

    cv.appendChild(newObject);

}

}

acoder

Use removeChild().

cleary1981

Yeah but how do I removeChild where newObject.innerHTML is a specified value?

acoder

If you have a number of divs, use getElementsByTagName("div") on the canvas and check the contents of each one.

cleary1981

I can get the elements by tagname but I cant get at the one I want. Can anyone advise? Heres what ive been trying

Expand|Select|Wrap|Line Numbers

 var arr = new Array(); arr = document.getElementsByTagName("div");  //make array of all divs with id = newObject

    // alert("Total Number of HTML Elements Found: " + document.documentElement.getElementsByTagName("div").length); 

    for(var i=0; i < arr.length; i++) 

        {

            //check innerHTML against obj_name

            alert("innerHTML" + document.documentElement.getElementsByTagName("*").item(i).nodeName);

        }

acoder

Use indexOf to find the specified string. You would against arr[i].innerHTML in the loop.

You can just get the div elements within the canvas element rather than the whole page if you use cv.getElementsByTagName("div") where cv is the canvas element.

Just a note that IDs should be unique. You can't have the same ID for more than one element in a page.

cleary1981

changed the id and was able to do it quite simply. thanks

acoder

Oh yes, of course, if you make each element unique, that pretty much solves your problem. Good to hear that it's sorted.

delete an object

re: delete an object

re: delete an object

re: delete an object

re: delete an object

re: delete an object

re: delete an object

re: delete an object

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about