Question: I'm embedding a PDF in a web page with the following html :-

```
<object id="pdf" classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="1024" height="600">
    <param name="SRC" value="/GetDoc.ashx?SOID=<%=Html.Encode(Model.OrderID)%>" />
    <embed src="/GetDoc.ashx?SOID=<%=Html.Encode(Model.OrderID)%>" width="1024" height="600">
        <noembed> Your browser does not support embedded PDF files. </noembed>                     
    </embed>
</object>

```

The PDF's can be a little slow to load so I'd like to hide the object and display a loading message / gif until it's fully loaded so the user isn't looking at a blank screen. 

All I really need is a way of telling when the object is fully loaded. I've tried the 'onload' event of the but it never seems to get fired. 

I'm beginning to think it might not be possible, but it never hurts to ask...

Answer: 
Following code works.

```
<div style="background: transparent url(loading.gif) no-repeat">
<object height="1250px" width="100%" type="application/pdf" data="aaa.pdf">
<param value="aaa.pdf" name="src"/>
<param value="transparent" name="wmode"/>
</object>
</div>

```
None of the recommendations are valid, because DOM is loaded before the PDF content is loaded. So DOM can't control ActiveX content