2012-02-22 29 views
9

javascriptが有効になっていない場合、私のウェブサイトの訪問者に情報メッセージを表示するソリューションを探しています。私はdivでメッセージを表示しようとしましたが、デフォルトでは表示されていましたが、起動時にjQuery関数によってすぐに隠されていました。問題は、メッセージが(隠されるまで)短い時間(目に見える)、非常に刺激的なことです。ブラウザでjavascriptが有効になっていない場合にメッセージを表示

JSが有効になっていない場合、メッセージを表示する他の方法はありますか?

おかげで、 コンラート

答えて

29

使用noscriptタグ:

<noscript> 

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

https://developer.mozilla.org/en/HTML/Element/noscriptを参照してください。

+0

ああはとてもシンプルな:-) – Konrad

+0

は "ギミ" 質問...ああ、私は推測 '[重複]'のカテゴリがあるはず... noscript要素...ありがとうございました。 ;-) – RobG

3

noscriptを使用できます。これらのタグの中には、ユーザーがJavaScriptを無効にしている場合に表示されるものがあります。

ユーザーがJavaScriptが有効になっていない場合は、他のコンテンツを非表示にする場合、あなたはそのような何かを行うことができます(これはjqueryのを使用しています):

<style type="text/css"> 
    .example { 
     display: none; 
    } 
</style> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('.example').show(); 
    }); 
</script> 

<div class="example"> 
    <p>...</p> 
</div> 

<noscript> 
    <p>You must have javascript enabled for the example div to show!</p> 
</noscript> 

ユーザー場合にのみコンテンツが表示されますJavaScriptが有効になっています。

+1

これは最も有用な答えです。なぜなら時々、no-javascriptの代替案を提供するwebtemplatesのコンテンツを隠すだけでよいからです( "x"ボタンを含むオーバーレイイメージではなく、javascriptを使わずに新しいページを開くだけですURL) – GameDeveloper

1

「」を使用して、必要なエラーメッセージを表示できます。

<html> 
    <body> 

    <script language="javascript" type="text/javascript"> 
    <!-- 
     document.write("Hello World!") 
    //--> 
    </script> 

    <noscript> 
    Sorry...JavaScript is needed to go ahead. 
    </noscript> 

    </body> 
    </html> 
1

私は私のために働いnoscriptnoneを使用して、いくつかのオプションを試してみました。 jsが有効になっているpタグを非表示になります

<p align=center id=js_disabled_message> 
    x.com requires JavaScript Enabled <br> <a href="https://www.enable-javascript.com/">www.enable-javascript.com</a> 
</p> 
<script> 
    document.getElementById('js_disabled_message').style.display = 'none'; 
</script> 

のみ場合:

は、私が使用して終了しました。
JavaScriptが有効になっているかどうかを検出するのは、ある程度のopossiteロジックですが、すべてのブラウザでうまく動作します。

SRC

関連する問題