delete object from browser

[cleary1981]

Can anyone help me I need to be able to delete a specified object. Heres the function I used to create the object.

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);
}
}

 

[tsuji]

[tt]var obj=document.getElementById("newObject");
obj.parentNode.removeChild(obj);[/tt]

 

[cleary1981]

yeah but what I don't understand is that I have more than one object with an ID=newObject I need to be able to remove them by the value of the innerHTML

 

[tsuji]

>I have more than one object with an ID=newObject
Don't do that, in particular when the script is under your control.
[tt]
var s=document.getElementById("canvas").innerHTML;
s=s.replace(/<div\s[^>]*?id=("|')newObject\1\s[^>]*?>[\s\S]*?<\/div>/gi,"");
document.getElementById("canvas").innerHTML=s;[/tt]

 

[tsuji]

Amendment
A minimal improvement.
[tt]var s=document.getElementById("canvas").innerHTML;
s=s.replace(/<div\s[^>]*?id=("|')newObject\1[^>]*?>[\s\S]*?<\/div>/gi,"");
document.getElementById("canvas").innerHTML=s; [/tt]

 

[BillyRayPreachersSon]

I have more than one object with an ID=newObject

Then you should not. IDs should [!]always[/!] be unique.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]