Alert something if javascript not enabled without using javascript?

Question

Is there anyway to make a window to popup if javascript disabled?

Perhaps you can use the noscript tag w3schools.com/tags/tag_noscript.asp — mahulst
– mahulst, Commented Mar 27, 2013 at 12:47
To display a message if javascript is disabled. Is there a rule against linking to w3schools? Or just your personal preference? — mahulst
– mahulst, Commented Mar 27, 2013 at 12:50
Have a read w3fools. It is very telling. w3schools are horrific — mplungjan
– mplungjan, Commented Mar 27, 2013 at 12:51
Other than using the target="_blank" on an anchor tag to open the link in a new window, there's nothing that will do what you're asking without JavaScript (or equivalent) — Vimal Stan
– Vimal Stan, Commented Mar 27, 2013 at 12:51
Actually you can use CSS as mentioned. Here is a cool link pauljablonski.net/pure-css-popup-for-any-content.html — mplungjan
– mplungjan, Commented Mar 27, 2013 at 12:52

Sebas · Accepted Answer · 2015-11-27 15:47:53Z

6

<noscript>
    <style type="text/css">
        #body {display:none;}
        #alertdiv {display:inline;}
    </style>
</noscript>

where #alertdiv is a div designed to show the message you want (hidden by default) and #body the id of your main div that will be hidden if javascript is not activated. But it is optional.

A popup is a window.open command and doesn't exist without javascript. You have to emulate something similar. [update 2015: bootstrap, jquery... now offer wonderful ways of displaying alerts without requiring popups, as easily as $("#alert-box").modal("show");]

The idea is to use CSS to show parts of your page only when javascript is disabled.

Side-note: this won't validate w3c.

edited Nov 27, 2015 at 15:47

answered Mar 27, 2013 at 12:50

Sebas

21.6k9 gold badges60 silver badges109 bronze badges

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

Comments

Parthik Gosar · Accepted Answer · 2013-03-27 13:07:53Z

1

<body>
    <div id="NoScriptPopup">Javascript is disabled on your browser</div>    
    <div id="YourContent">/*Your page content goes here*/</div>
    <style>
        #YourContent
        {
            display:none;
        }
    </style>
    <script>
        document.getElementById("NoScriptPopup").style.display = 'none';
        document.getElementById("YourContent").style.display = 'block';
    </script>
</body>

So if javascript is disabled on a browser, the #NoScriptPopup will appear and your content will be hidden. You could style #NoScriptPopup div using css to make it look like a popup.

answered Mar 27, 2013 at 13:07

Parthik Gosar

11.7k3 gold badges27 silver badges16 bronze badges

Collectives™ on Stack Overflow

Alert something if javascript not enabled without using javascript?

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