Home/ Questions/Q 9090687
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T22:25:55+00:00

I have a piece of code below where it displays a message if javascript

  • 0

I have a piece of code below where it displays a message if javascript is turned off:

<noscript style='color: red'><img src="Images/warning-2.fw.png" alt="Javascript Warning" id="warningImage" name="warningSymbol"/> In order to use this application without any problems, you must have javascript enabled</noscript>

Now the message is displayed in the noscript.php page so what I have done is externalize it by using include() to make include(noscript) and I have included this in all of my php scripts as so:

Text.php (example)

include('noscript')

//rest of page code

Now what is happening at the moment is that if javascript is turned off, it displays the javascript message but it displays the reset of the code as well so it outputs all of the page features.

What I want to do is that if javascript is turned off, then I want it to display the message but not the rest of code below, I just want the javascript message to appear. Only when javascript is turned back on then can the user see the proper page showing the page features.

But how can I do this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The easiest way is to just have all of the code on the page wrapped in an element that is hidden, e.g.:

    <body>
   <noscript>...</noscript>
   <div id="js">
      ...code here...

    #js would have display: none.

    Then, you can just have a simple script at the bottom of the page:

    document.getElementById('js').style.display = 'block';

    You could also load all of the content with ajax, but that would be overkill. It’s pretty common for websites to still show everything even when JS is required (Twitter does, for example).

    • 0