Cannot Delete The iframe (iframeId is not defined)

[=IceBurn=]

Hello!

I'm stuck in an error while trying to destroy an iframe, and I need some help.

Here is what I have:

<script type="text/javascript">
  function fileUpload(form, action_url, div_id) {  
    // Create the iframe...  
    var iframe = document.createElement("iframe");  
    iframe.setAttribute("id","upload_iframe");  
    iframe.setAttribute("name","upload_iframe");  
    iframe.setAttribute("width","0");  
    iframe.setAttribute("height","0");  
    iframe.setAttribute("border","0");  
    iframe.setAttribute("style","width: 0; height: 0; border: none;");  
      
    // Add to document...  
    form.parentNode.appendChild(iframe);  
    window.frames['upload_iframe'].name="upload_iframe";  
    
    var iframeId = document.getElementById("upload_iframe");  
     
    // Add event...  
    var eventHandler = function()  {  
      
    if (iframeId.detachEvent)  
    iframeId.detachEvent("onload", eventHandler);  
    else  
    iframeId.removeEventListener("load", eventHandler, false);  
      
    // Message from server...  
    if (iframeId.contentDocument) {  
    content = iframeId.contentDocument.body.innerHTML;  
    } else if (iframeId.contentWindow) {  
    content = iframeId.contentWindow.document.body.innerHTML;  
    } else if (iframeId.document) {  
    content = iframeId.document.body.innerHTML;  
    }  
      
    document.getElementById(div_id).innerHTML = content;  
      
    // Del the iframe...  
    setTimeout('iframeId.parentNode.removeChild(iframeId)', 250);  
    }  
      
    if (iframeId.addEventListener)  
    iframeId.addEventListener("load", eventHandler, true);  
    if (iframeId.attachEvent)  
    iframeId.attachEvent("onload", eventHandler);  
    
    // Set properties of form...  
    form.setAttribute("target","upload_iframe");  
    form.setAttribute("action", action_url);  
    form.setAttribute("method","post");  
      
    // Submit the form...  
    form.submit();  
    
    document.getElementById("hiding").style.display = 'none';    
    document.getElementById(div_id).innerHTML = '<p class="loading">Loading...</p>';  
  }  
  
</script>

I always get this error:
iframeId is not defined setTimeout('iframeId.parentNode.removeChild(iframeId)', 250);

I dont understand why.

Any help is hightly appreciated! Thank you very much.

[Dan Grossman]

iframeId is declared as a local var of the fileUpload function, and isn't in scope within the anonymous function you assigned to eventhandler. Either pass it in or make it a global, or use document.getElementById within the event handler to get at it there.

[=IceBurn=]

Thank you for your reply Dan!

I ended up removing the parentNode.removeChild!

I just notice that it's not needed.