Javascript Скрыть элемент по идентификатору на основе браузера - PullRequest
Новая
       2

Javascript Скрыть элемент по идентификатору на основе браузера

0 голосов
/ 14 января 2011

Я пытаюсь показать сообщение всем браузерам и удалить его через JavaScript, если оно поддерживается.В настоящее время единственный способ скрыть это, если я нажму кнопку скрытия.Это не будет работать в моем операторе if.

<html>
<head>

<script type="text/javascript">
var browser=navigator.appCodeName + navigator.appName;
function hideStuff(id) {
  document.getElementById(id).style.display = 'none';
 }

function supportedBrowser() {
if (browser == "MozillaNetscape")
  {
  document.write("Browser is Mozilla Netscape");
  }
else if (browser == "MozillaOpera")
  {
  document.write("Browser is Mozilla Opera");
  hideStuff('browserMessage');
  }
else
  {
alert("Please upgrade your browser.");
 }
}
//-->
</script>
</head>
<body>
<a href="#" onclick="hideStuff('browserMessage'); return false;">Hide</a>
<br><br>
<p id="browserMessage" style="display: inline;">Please use a supported browser.</p>
</body>
</html>

Изменено в соответствии с "bluevoodoo1" 

<html>
<head>

<script type="text/javascript">
var browser=navigator.appCodeName + navigator.appName;
function hideStuff(id) {
        document.getElementById(id).style.display = 'none';
    }
function supportedBrowser() {
if (browser == "MozillaNetscape")
  {
  document.write("Browser is Mozilla Netscape");
  }
else if (browser == "MozillaOpera")
  {
  document.write("Browser is Mozilla Opera");
  //hideStuff('browserMessage');
  }
else
  {
alert("Please upgrade your browser.");
    }
}
function init() {
         supportedBrowser();
       //etc
    }
    window.onload = supportedBrowser;
    //-->
</script>
</head>
<body>
<a href="#" onclick="hideStuff('browserMessage'); return false;">Hide</a>
<br><br>
<p id="browserMessage" style="display: inline;">Please use a supported browser.</p>
<p>This text shoudld not be hidden.</p>
</body>
</html>

Кто-нибудь знает, что я делаю неправильно?

1 Ответ

0 голосов
/ 14 января 2011

вам может понадобиться использовать обработчик window.onload ... (jquery "document.ready", вероятно, предпочтительнее, но я использую некоторый нативный JavaScript ниже)

...