Question

176

Force IE9 into compatibility mode using javascript

rated 0 times [ 181] [ 5] / answers: 1 / hits: 17540 / 12 Years ago, thu, march 29, 2012, 12:00:00

I have a frame that needs compatibility mode but parent frame seems to be setting it so the following tag inside the frame does nothing.

    <meta http-equiv=X-UA-Compatible content=IE=EmulateIE7 />

Is there anyway to apply compat mode to only the frame, or have the frame apply compat mode to the parent frame.

Was thinking if there is a javascript method to switch modes I could apply it to the parent frame from the child frame.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

leslijessalyng

Add To Favorites

Follow

Total Points: 650

Total Questions: 85

Total Answers: 109

Location: Croatia

Member since Mon, Sep 6, 2021

3 Years ago

leslijessalyng questions

1 Vue dist path for CSS and JS not found

Fri, Feb 21, 20, 00:00, 4 Years ago

1 How do I loop through multiple pages in an API?

Tue, Jul 30, 19, 00:00, 5 Years ago

1 ReactJS and autofocus

Fri, Jul 5, 19, 00:00, 5 Years ago

1 How to fix The message port closed before a response was received. after window.location.reload() in javascript

Wed, Apr 3, 19, 00:00, 5 Years ago

1 TypeError: $ .find is not a function

Wed, Mar 13, 19, 00:00, 5 Years ago

View All

answered 12 Years ago pranavrorys · Accepted Answer

So here's what I've gathered.

The only thing that seems to work is the meta tag way.

However, it doesn't appear to work in frames as IE9 has disabled the ability of one frame to be of different type than another.

The meta tag also can't be preceded by script or link tags, only and other meta tags from what I've noticed, otherwise it fails as well.

TEST CASE:

<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>

<html>

    <head>

        <title>Test test</title>

        <meta name=keywords content=keywords, keyword, keyword phrase, etc.>

        <!--<link href=test.css rel=stylesheet type=text/css />-->

        <!--<script type=text/javascript>alert('test');</script>-->

        <meta http-equiv=X-UA-Compatible content=IE=EmulateIE7 />

    </head>

    <body>

        inline-block <div style=display:inline-block>test</div>

    </body>

</html>