views:

374

answers:

0

The code...

<html>
    <body>
        <iframe id="editableFrame"></iframe>
        <script type="text/javascript"> 
            editableFrame.document.designMode="on";
        </script> 
    </body> 
</html>

gets the iFrame editable only when run off a server(http://...)(online or from localhost). How do I get this working by simply opening it up as a local html file(file:///...) in the browser?

Some browser specific notes:
1. Firefox needs slightly different code to enable designMode but the problem still remains.
2. IE8 gets me the behavior I want with this code, but it pops up a warning about enabling ActiveX controls which the user must accept before getting the iFrame editable.
3. Opera 10.5 is the only browser that has the behavior I want... iFrames are editable without needing to run the code off a server.