How to show only javascript message in a page

Question

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?

Do you really want to use backticks instead of string-delimiting marks? You should probably use include('noscript.php');. — Waleed Khan
– Waleed Khan, Commented Jan 7, 2013 at 3:02

Explosion Pills · Accepted Answer · 2013-01-07 03:03:03Z

2

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).

answered Jan 7, 2013 at 3:03

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

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

4 Comments

Samuel Cook Over a year ago

agreed, but do you think the js should be best served in a window.onload function, or as a single line code?

Explosion Pills Over a year ago

@SamuelCook either put it in document.ready or right before </body> -- the latter tends to be preferred nowadays.

Manixman Over a year ago

So your saying the code in noscript.php should be inserted in the main page itself or can I include the include('noscript.php) in the ...code here...

Explosion Pills Over a year ago

include has to be done in php code, not in html, but it's not really relevant how you do it.

Collectives™ on Stack Overflow

How to show only javascript message in a page

1 Answer 1

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Related