Stop loading the page if Javascript is disabled

Question

I have a Rails web app (Online Examination System). I have disabled Right click, selection, copy etc using JavaScript in the examination interface. So, I want my app to detect whether JavaScript is enabled on interface start up. I have checked it by using <noscript> tag as follows.

<noscript>
    <meta http-equiv="refresh" content="5">
            <div id="noscript_message" style="color: white; background-color: red;">
            It is detected that Javascript is turned off in your web brower. Please turn it on to load the page correctly. For more reference about how to turn it on, please refer <a href="http://www.enable-javascript.com/" target="_blank">
 instructions how to enable JavaScript in your web browser</a>.
            </div>
</noscript>

But I could only detect and show up a message as warning. My intention is not to load that page and show up the warning message only. How that can be achieved?

Thanks :)-

<noscript><meta http-equiv="refresh" ...></noscript>, but it is damned ugly. You shouldn't disable right click, copy, etc... that is sooo old school... — VisioN
– VisioN, Commented Apr 4, 2013 at 9:28

elclanrs · Accepted Answer · 2013-04-04 09:28:08Z

6

You could use no-js class on your body element and hide it with CSS, then show it with JavaScript so if users have JS disabled they get an "empty" page.

<body class="no-js">

In CSS:

body.no-js { display: none; }

Then in JS:

document.body.className = "";

answered Apr 4, 2013 at 9:28

elclanrs

94.2k21 gold badges137 silver badges171 bronze badges

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

5 Comments

VisioN Over a year ago

document.body... don't over complicate :)

Rajesh Omanakuttan Over a year ago

<body> tag has already a class name assigned for with other specifications. Then?

elclanrs Over a year ago

You can use jQuery or replace it: document.body.className = document.body.className.replace('no-js','')

Rajesh Omanakuttan Over a year ago

@elclanrs: Hey, How can I detect 'javascript is enabled' in javascript file? Inside that checking only, I can furnish the above statements

eozzy Over a year ago

but anyone with even basic knowledge of html/css will change that display:none to display:block and bypass the check, no? Is there any way to REMOVE the content entirely

Collectives™ on Stack Overflow

Stop loading the page if Javascript is disabled

1 Answer 1

5 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Linked

Related