How to hide angular app when javascript disabled?

Question

How would I achieve this functionality without using jQuery?

 ...

<noscript>
   <div style="left:0; right: 0; top: 40px; bottom: 0; position: absolute; text-align: center; vertical-align: middle">
    <span class="alert alert-info">This page requires JavaScript to be enabled to work.</span>
    </div>
</noscript>

...

<div id="application" style="display: none"  ng-controller="MyController" >
    ....Application HTML...
</div>

...

<script>
   $('#application').show()
</script>

Preferrably using AngularJS style code, using directives or otherwise. — Gudlaugur Egilsson
– Gudlaugur Egilsson, Commented Feb 12, 2014 at 14:50

Satpal · Accepted Answer · 2014-02-10 19:38:12Z

3

You can hide application div using plain CSS use style in

<noscript>
    <style>
        #application { display: none; }
    <style>
</noscript>

answered Feb 10, 2014 at 19:38

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Comments

Billy Moon · Accepted Answer · 2014-02-10 19:37:55Z

0

Like this...

// $('#application').show()
document.getElementById('application').style.display = "block"

Demo: http://jsfiddle.net/billymoon/C2V2J/

answered Feb 10, 2014 at 19:37

Billy Moon

58.9k27 gold badges148 silver badges244 bronze badges

Collectives™ on Stack Overflow

How to hide angular app when javascript disabled?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related