Question

My website consists of two frames, let’s say upperFrame and lowerFrame.

On the document ready of the page in lowerFrame, it access one of textbox located on the page of upperFrame.
Sometimes, since the upperFrame do NOT complete its loading, lowerFrame get the undefined while it access the upperFrame.

Let me know if there are Any solutions/checking to prevent this problem?

Answer 1

try jQuery .load() function

The load event is sent to an element
when it and all sub-elements have
been completely loaded. This event can be sent to any element associated
with a URL: images, scripts, frames, iframes, and the window
object.

Here is the sample code

Edited:
put code below in document ready of lower iframe.

  $(function(){
   $('#UpperIframeID', window.parent.document).load(function(){  
        var valueOFTextbox = (this).contents().find("#textboxID").val();                                 
   });
 });
   </script>

If it doesn’t work in IE then put conditional statement and for IE use .ready() function.