Home/ Questions/Q 6354143
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T22:31:48+00:00

I have a page containing much contents. The page may display a custom error

  • 0

I have a page containing much contents. The page may display a custom error message if JavaScript is disabled. The page must not display anything else other than the prompt message. I am posting an image, which is similar to an error prompt I mean. I have an error prompt with some images in my mind..

proposed concept

How can I make this possible?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The general idea is that you would put your message HTML (no reason to use an image, text will work just fine) inside noscript tags like this:

    <noscript>You must enable Javascript in order to use this site.</noscript>

    If you want the noscript HTML to obscure/hide the entire rest of the page, then you will need to make sure whatever it is takes up the entire page and is on top. You could do that with something like this:

    <noscript>
    <div id="noscript" style="position: absolute; top: 0; left: 0; background-color: #FFF; z-index: 999; height: 100%; width: 100%; text-align: center; padding-top: 50px;">
    You must enable Javascript in order to use this site.
    </div>
</noscript>

    Here’s a jsFiddle that shows how the noscript div works. The fiddle doesn’t include the actual <noscript> tag because the fiddle won’t work without JS, but it shows you how the absolutely positioned div works to block all other content. Scroll down in the HTML area of the fiddle to see the noscript div HTML (which is as I have copied into this post).

    • 0