How to check for NoScript (browser plugin) and include bar at top of screen if NoScript is present?

Question

The NoScript browser plugin is getting increasingly popular. For those of us who run webpages which are heavily dependent on javascript, how can we check for presence of this plugin and alert the user with some sort of "always present" drop down bar at the top of the screen if so?

I actually just tried using NoScript on StackOverflow.com and saw that they do EXACTLY what I was thinking about! Is this just a simple browser check for javascript?

http://stackoverflow.com/questions/121203/how-to-detect-if-javascript-is-disabled — funerr, Feb 22 '13 at 12:47
@agam360 Thank you, that's perfect. I searched and didn't find that! — Shackrock, Feb 22 '13 at 12:50
Did you read the description of the [tag:noscript] tag (you used to tag your question)?! It already explains the existence of the ` — Veger, Feb 22 '13 at 12:50
@veger I did not realize that the NoScript plugin literally disabled JS at the browser level — Shackrock, Feb 22 '13 at 12:52

score 3 · Answer 1 · answered Feb 22 '13 at 12:47

3

Open the source of a Stack Overflow page and look around.

You see that they are using <noscript>-tags to add additional content when no JavaScript is available.

answered Feb 22 '13 at 12:47

Veger

37,240
11
105
116

You beated me by one second... ;) – Ricardo Souza Feb 22 '13 at 12:49

score 1 · Answer 2 · answered Feb 22 '13 at 12:51

1

A simple manual implementation would be to do something like this:

HTML:

<div id="requireJS">This site requires JS!</div>

Script:

var warning = document.getElementById('requireJS');
warning.parentNode.removeChild(warning);

This'll show the warning when JS is disabled, and remove it when JS is enabled.

Note: I'm not saying it's better than <noscript>, just that it could also be done this way.

answered Feb 22 '13 at 12:51

Cerbrus

70,800
18
132
147

@rcdmk: I know, but I just like having multiple options on a question. It might make whoever reads it learn a thing or two. – Cerbrus Feb 22 '13 at 12:54
1

Not a problem... I was just adding this as a note for those who may read it. – Ricardo Souza Feb 22 '13 at 13:12

score 0 · Accepted Answer · edited May 23 '17 at 11:52

0

Using Answer from agam360 in case somebody searches for the NoScript plugin again as I did.

How to detect if JavaScript is disabled?

And most specifically, the answer by Hairbo which seems like the best solution as I see it for already developed websites which do not have an elegent degradation: https://stackoverflow.com/a/3926750/646456

edited May 23 '17 at 11:52

Community

1
1

answered Feb 22 '13 at 13:10

Shackrock

4,601
10
48
74

score 0 · Answer 4 · answered Aug 28 '13 at 05:09

Actually I like the style approach so you can hide / unhide anything easily.

on default stylesheet :

.nojs { display:none;}

On layout html:

<noscript>
    <style> 
        .nojs { display:block }
        .container {display:none}
    </style>
</noscript>

<div class="container">
    this will show with js
</div>
<div class="nojs">
    this will show without js
</div>

How to check for NoScript (browser plugin) and include bar at top of screen if NoScript is present?

4 Answers4