<noscript>
    <div>
        You must enable javascript to continue.
    </div>
</noscript>

Ok this makes sense, but still, the contents after this element will be shown, of course in a bad way, but what I am looking for is this:

If javascript is NOT enabled, I want to show this alert message, and NOTHING ELSE, I don't want to give advice "It's better if you enabled Javascript", I want to FORCE, "You MUST ENABLED so you can Continue!", I don't wanna give access to my website if javascript is not enbaled, how can I do that?

<noscript>
    <div>
        You must enable javascript to continue.
    </div>
</noscript>

Ok this makes sense, but still, the contents after this element will be shown, of course in a bad way, but what I am looking for is this:

If javascript is NOT enabled, I want to show this alert message, and NOTHING ELSE, I don't want to give advice "It's better if you enabled Javascript", I want to FORCE, "You MUST ENABLED so you can Continue!", I don't wanna give access to my website if javascript is not enbaled, how can I do that?

• javascript
• browser

Share Improve this question Follow edited May 3, 2012 at 13:30 THelper 15.6k66 gold badges6767 silver badges106106 bronze badges asked May 1, 2012 at 17:48 Ali BassamAli Bassam 9,9892424 gold badges7070 silver badges119119 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

Add a No-Javascript CSS class that hides everything else using CSS, and use Javascript to remove the class immediately (using an inline <script> block in that element).

<noscript>
    <div style='position:fixed;left:0;top:0;width:100%;height:100%;background:#f55;z-index=1000">
        You must enable javascript to continue.
    </div>
</noscript>

Also, your question wanted to throw an alert.. Which is JavaScript. You basically asked "how can I execute JS when JS is disabled?". But this HTML alone will do the trick.