Нужна ссылка, которая работает в зависимости от включения / выключения JavaScript в браузере - PullRequest
Новая
       28

Нужна ссылка, которая работает в зависимости от включения / выключения JavaScript в браузере

0 голосов
/ 07 сентября 2011

Я реализовал всплывающее окно Alert, используя style-sheet and <noscript>, если javascript отключен.Во всплывающем окне есть предупреждающее сообщение и кнопка ОК.Кнопка Ok не будет работать, пока javascript не будет отключен во всех браузерах.Когда javascript включен и без перезагрузки страницы

On FF:- При нажатии на кнопку «ОК» страница получает перезагрузку

Other Browsers:- При нажатии на кнопку «ОК» ничего не происходит

Я хочуКнопка Ok, чтобы вести себя как FF во всех других браузерах (IE, Opera, Safari, Chrome), как мне этого добиться?

Отредактировал мой код следующим образом 

<!-- [START] Following code is get runed to show pop-up when javascript is disabled -->
<noscript>
  <div id="javascript_disabled_fade" class="black_overlay" style="display:block;"></div>
    <div id="pagewrap-light-small" style="display:block;">
      <div id="javascript_disabled_popup" class="white_content_javascript_disabled" style="margin-left:-185px;margin-top:-143px;width: 371px;height:287px;padding:0px;">
        <div style="margin:0px;padding:0px;">
          <table align="center" style="text-align:center;width:371px;height:287px; " cellpadding="0" cellspacing="0" border="0"  >
            <tr>
              <td align="center" style="text-align:center;padding-left:2px;height:150px;padding-top:8px;" colspan="2">
                <img style="border: 0px none ;" src="/images/logo-small.png"/><br/>
                <img style="border:none;" src="/images/account_management.png"/>
              </td>
            </tr>
            <tr>
              <td colspan="2" align="center" style="font-weight:bold;font-size:12px;color:#5a5a5a; text-align:center; line-height:18px;" >
                The site makes extensive use of JavaScript.<br/>
                Please enable <span style="color:red;">JavaScript</span> in your browser.
              </td>
            </tr>
            <tr>
            <td valign="top" align="center" style="padding-top:24px;" colspan="2">
          <a href="javascript:void(0)" onclick="window.location.reload();" class="okGreen"></a>
            </td></tr>
          </table>
        </div>
      </div>
    </div>
</noscript>
<!-- [END] Following code is get runed to show pop-up when javascript is disabled -->

Ответы [ 2 ]

1 голос
/ 07 сентября 2011

Это работает в моих тестах в IE8 и Chrome13 

<html>
  <head>
  <noscript>
    Your browser do not support javascript or javascript is currently disabled.<br/>
    Enable javascript and press button &lt;Reload Page&gt;<br/>
    <form name="noscript_reload" method="GET">
      <input type="submit" value="Reload Page"/>
    </form>
  </noscript>
  </head>
<body>
  BODY TEXT
</body>
</html>
0 голосов
/ 07 сентября 2011

Я думаю, что единственный способ заставить его «перезагрузиться» без использования javascript - это сделать вашу кнопку ОК в качестве тега привязки с помощью ссылки, указывающей на ту же страницу.

...