Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Show message if javascript is not enabled in the browser

Tags:

javascript

html

browser

I'm looking for a solution to show the visitor of my website an info message, if he has no javascript enabled. I tried it with a message in a div, that is visible by default but immediately hidden by a jQuery function on start up. The problem is, that the message is visible for a short time (until it is hidden), what is very irritating.

Are there other ways to show a message, if JS is not enabled?

Thanks, Konrad

like image 807
Konrad Avatar asked Feb 22 '12 08:02

Konrad

People also ask

Which tag will display message if JavaScript is not enabled?

The <noscript> tag defines an alternate content to be displayed to users that have disabled scripts in their browser or have a browser that doesn't support script. The <noscript> element can be used in both <head> and <body>.

How do I know if JavaScript is turned off?

On the web browser menu click on the "Edit" and select "Preferences". In the "Preferences" window select the "Security" tab. In the "Security" tab section "Web content" mark the "Enable JavaScript" checkbox. Click on the "Reload the current page" button of the web browser to refresh the page.

1 Answers

Use the noscript tag: 

<noscript>

  <div class="awesome-fancy-styling">
    This site requires JavaScript. I will only be visible if you have it disabled.
  </div>
  ...
</noscript>

See https://developer.mozilla.org/en/HTML/Element/noscript.

like image 183
Jakub Hampl Avatar answered Oct 20 '22 00:10

Jakub Hampl
Sign in to Comment

Related questions

Is it possible to chain array.push() in Javascript?
return responseText from jQuery.get()
Remove the Context Menu in TinyMCE
coffeescript Class not accessible in main javascript
minus equals in javascript - What does it mean?
jquery delay the execution of code
Laravel get intended url
Force Cache-Control: no-cache in Chrome via XMLHttpRequest on F5 reload
How to include csrf_token() in an external js file in Laravel?
Polymer 1.0: Two-way bindings with input elements
Change html canvas black background to white background when creating jpg image from png image
Can I prevent that Chrome (v45) pauses on promise rejections?
Gulp task failing when run from VS 2015 Task Runner explorer, but not from command prompt
Vue.js computed property for v-bind:class
How to achieve tag agnostic styled components?
How to focus on a field?
PDFMAKE: 'Roboto-Regular.ttf' not found in virtual file system ONLY AFTER GULP
Z-Index on Popper menu?
How to detect that a point is inside a Polygon using Google Maps?
Javascript - Dynamically assign onclick event in the loop

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!