Execute block of html that contains php code in javascript

Question

I have one .php file, which contain html, php and javascript.

The javascript block is used for determine browser, if browser is not IE, javascript will execute html block that contains php

This is javascript code

<script type="text/javascript">
     var isIE = false || !!document.documentMode;
     if( !isIE ){
           //it will execute html block below
     }
</script>

This is the html that contains php code

<div class=center>
    <div class="flip">
        <div class="flip-child">

            <div class="front">
                <img src="<?php ABSPATH; ?>/new/logo/logo.png" alt="front" />
            </div>

            <div class="back">
                <a href="<?php ABSPATH; ?>/new/menu.html"> <img src="<?php ABSPATH; ?>/new/logo/back.png" alt="back" /> </a>
            </div>

        </div>
    </div>
</div>

That all is in one .php file. If isIE variable is false, i want to execute that html block, how to do?

The obvious answer is you can't execute PHP once the page has been rendered and JavaScript kicks in. (see programmers.stackexchange.com/questions/171203/…) . This particular problem can easily be solved by checking the client user agent in PHP though. — apokryfos
– apokryfos, Commented Mar 12, 2016 at 8:40

chris97ong · Accepted Answer · 2016-03-12 08:13:14Z

4

<div class="center" id="htmlblock" style="display: none;">
    <div class="flip">
        <div class="flip-child">

            <div class="front">
                <img src="<?php echo ABSPATH; ?>/new/logo/logo.png" alt="front" />
            </div>

            <div class="back">
                <a href="<?php echo ABSPATH; ?>/new/menu.html"> <img src="<?php echo ABSPATH; ?>/new/logo/back.png" alt="back" /> </a>
            </div>

        </div>
    </div>
</div>

<script type="text/javascript">
     var isIE = false || !!document.documentMode;
     if( !isIE ){
           //it will execute html block below
           document.getElementById("htmlblock").style.display = "block";
     }
</script>

This code will make it such that if the browser is not IE, the div will be displayed, else it will remain hidden (with that display: none; style).

Note that I modified the div to give it an id of htmlblock, and changed all the <?php ABSPATH; ?> to <?php echo ABSPATH; ?>

answered Mar 12, 2016 at 8:13

chris97ong

7,0809 gold badges36 silver badges54 bronze badges

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

2 Comments

apokryfos Over a year ago

I know this is 2016 and it probably doesn't matter anymore but documentMode is IE 8 + just worth noting in case one expects any dinosaurs visiting their site.

Anti Mafia Over a year ago

thank you, but with echo before ABSPATH doesn't work, so i still use without echo

apokryfos · Accepted Answer · 2016-03-12 08:50:53Z

As suggested in http://ageekandhisblog.com/use-php-to-detect-internet-explorer-11-and-below/ you can do the following server-side.

<?php
if (preg_match('~MSIE|Internet Explorer~i', $_SERVER['HTTP_USER_AGENT']) || (strpos($_SERVER['HTTP_USER_AGENT'], 'Trident/7.0; rv:11.0') !== false)): ?>
<div class=center>
    <div class="flip">
        <div class="flip-child">

            <div class="front">
                <img src="<?php ABSPATH; ?>/new/logo/logo.png" alt="front" />
            </div>

            <div class="back">
                <a href="<?php ABSPATH; ?>/new/menu.html"> <img src="<?php ABSPATH; ?>/new/logo/back.png" alt="back" /> </a>
            </div>

        </div>
    </div>
</div>
<?php endif; ?>

Note This relies on the user agent which can be spoofed.

Collectives™ on Stack Overflow

Execute block of html that contains php code in javascript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related