Can't set data property of an HTML object element with javascript

Question

The following works in current Firefox (PDF loads), but not in current IE (page is blank). Any suggestions?

<head>
    <script type="text/javascript">
        function startup() {
            var bubba = document.getElementById('bubba');
            bubba.data = 'http://server.qa/test.pdf';
        }
    </script>
</head>
<body onload="startup();">
    <object id="bubba" type="application/pdf" width="80%" height="800">
      No PDF reader installed
    </object>
</body>

Josh · Accepted Answer · 2010-03-09 22:41:42Z

2

You won't be able to display the PDF like that. The syntax for including plugins differs between IE and Forefox.

I would recommend using an <iframe> instead of an <object> and using JavaScript to set the iframe's src attribute. This should invoke whichever PDF plugin is installed in the browser, or download the PDF if none is.

answered Mar 9, 2010 at 22:41

Josh

11.1k11 gold badges67 silver badges112 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Can't set data property of an HTML object element with javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related