1

私は関数がまったく得意ではなく、JavaScriptを学ぶために、私が作成している例の1つについて少し助けが必要です。質問があります。次のボタンがクリックされたときにのみ表示されるようにするにはどうすればよいですか？（たとえば、最初にGoogleをクリックしないとYahooボタンは表示されません）コードは次のとおりです。

<html>
<head>
<script type="text/javascript">
function show_prompt()
{
var name=prompt("Your Name");
if (name!=null && name!="")
  {
  alert("Thanks for clicking! You will now be redirected to Google.com");
  window.open("http://www.google.com/"};
}
</script>
<script type="text/javascript">
function show_alert()
{
alert("Thanks for clicking me! You are now going to Yahoo.com!");
window.open("http://www.yahoo.com");
}
</script>
<script type="text/javascript">
function show_alert1()
{
alert("Thanks for clicking. Have fun on facebook!");
window.open("http://www.facebook.com/");
}
</script>
</head>
<body>
<ul>
<li><input type="button" onclick="show_prompt()" value="Google" />
<li><input type="button" onclick="show_alert()" value="Yahoo" />
<li><input type="button" onclick="show_alert1()" value="Facebook" />
</ul>
</body>
</html>
4

1 に答える 1

0

ボタンにIDを指定してから、css表示プロパティをnoneに設定して、ボタンを非表示にします（スペースを占有しないようにします）。 

<ul> 
  <li><input type="button" onclick="show_prompt();showNext('btnYahoo')" value="Google" /></li> 
  <li><input type="button" id="btnYahoo" onclick="show_alert();showNext('btnFacebook')" value="Yahoo" style="display:none" /></li>
  <li><input type="button" id="btnFacebook" onclick="show_alert1()" value="Facebook" style="display:none" /></li> 
</ul>

次に、関数showNextは、関数に渡されるIDのボタンを表示します。関数が呼び出されたときに、次に表示するものに応じて、「btnYahoo」または「btnFacebook」のいずれかを渡します。上記を参照してください。

function showNext(showThis){

  document.getElementById(showThis).style.display = "block";

}

お役に立てば幸い

于 2012-04-12T11:56:44.553 に答える