JavaScript Disable Message

[TicTac]

Hiya,

Is there anyway of notifying to the user they they have JavaScript turned off?

TicTac

[Logic Ali]

Hiya,

Is there anyway of notifying to the user they they have JavaScript turned off?

TicTac

<noscript>
<span style='color:#fff;background-color:#f00;font-weight:bold;text-decoration:blink;padding:0.5em'>JavaScript is Disabled on your system</span>
</noscript>

[AutisticCuckoo]

@Logic Ali: You should use a block-level element rather than a SPAN, since the snippet you posted isn't valid with a Strict DTD. In this case, <p>…</p> seems appropriate.

@TicTac: If you have to display a message like this, you should consider starting over. Progressive enhancement is a much better method: build the page so that it works without JavaScript first, then add JavaScript enhancements (unobtrusively).

That way, people with JavaScript disabled or unsupported (which may not be their own decision) will not notice anything wrong, while those with JavaScript enabled get a better experience.

[felgall]

There is no longer any need for the <noscript> tag. The HTML contains what you want people without JavaScript to see and simply hide anything that is not needed when JavaScript is available using JavaScript.

[TicTac]

How do you display an error message if JavaScript is turned of if you hav'nt go an <noscript> tag?

[Raffles]

You don't need one. Having javascript off shouldn't cause an "error", it should just provide a less colourful, though not less functional, experience. However, if you really insist on it (bad) and your page cannot possibly function without javascript (bad) and you want to inform the user of this (bad), you create your paragraph with the apologetic text in it and then hide it with javascript. That way anyone with javacscript off will see it and for those with javascript it will be hidden. However, I'd like to point out that this is a bad (bad) idea. Like the above posters said, progressive enhancement is the way forward.

[AutisticCuckoo]

How do you display an error message if JavaScript is turned of if you hav'nt go an <noscript> tag?

<p id="nojs">If you see this, you don't have JavaScript.</p>
<script type="text/javascript">
  var p = document.getElementById("nojs");
  p.parentNode.removeChild(p);
</script>

But not having JavaScript is not an error. Designing a page that requires JavaScript is an error.

[TicTac]

Isn't it easier just to you the <noscript> tag?
I'm for simplicity.

TicTac

[AutisticCuckoo]

Yes, <noscript> is easier. I just answered your question.

Both methods are bad, though.

[TicTac]

Have you got a thing about using JavaScript?
What do you use then?

TicTac

[AutisticCuckoo]

Have you got a thing about using JavaScript?

Not at all. Only about relying on it.

[TicTac]

What would you not use it for?

[AutisticCuckoo]

It's far easier to describe what I would (and do) use it for.

I use JavaScript to enhance the usability of a page.

It can be to perform client-side form validation, for performance reasons. You mustn't rely on this, but have the main validation server-side, but doing it client-side if supported enhances the usability.

It can be to use an Ajax solution to populate chained select boxes, like choosing country/region/city. It would still work without JavaScript, but it would require a round-trip to the server for each choice. Using JavaScript it can be faster and improve usability.

It can be to provide toggle features, e.g., hiding lengthy code examples to reduce scrolling for users with JavaScript enabled.

The only time I use JavaScript in such a way that the page doesn't work without it, is on our intranet where I know that it's supported and enabled.