getElementById: Undefined??

[cleary1981]

Hi,

I have written a function that creates a new object, the problem I am having is trying to refer to these objects in another function. When using getElemenntById I get a value "undefined". Does anyone know where im going wrong?

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");
    var 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);
}
}
 
function render () {
    var ww = document.getElementById("newObject").value;
    alert(ww);
 
 
}

[rohypnol]

I'm not sure about this, but you might want to try to add this (don't replace the old method of setting the id, just add this one right after it):

newObject.setAttribute('id', 'newObject');

Also, you want to add a line in the showObject() function which sets a variable to true and then write it using an alert at the begining of render() so you're sure that showObejct() is called before render().

Regards,
Tom

[cleary1981]

i worked it out. I needed the .id instead of .value

Thanks anyway.