機能 - 別のボタンをクリックした後にのみ表示されるボタン？

私は関数がうまくいかず、JavaScriptを学ぶので、私がそれを学ぶために作っている例の一つに少し助けが必要です。質問があります。前のボタンがクリックされたときにだけ次のボタンが表示されるようにするにはどうすればよいですか？機能 - 別のボタンをクリックした後にのみ表示されるボタン？

<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>

出典

2012-04-12 Anonymous

は、ボタンのIDを与えるし、それらを非表示にすることなしとしてのCSSのdisplayプロパティを設定する（ととりません。ここでは、コードです（たとえば、まずGoogleをクリックせずにヤフーのボタンを見ることができません）任意のスペース）。

<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'のどちらかを渡します。助けのための

出典

2012-04-12 11:56:44

感謝を助け

function showNext(showThis){ document.getElementById(showThis).style.display = "block"; }

願っています！ –

心配しなくても、説明を良くするために私の説明を更新しました。 –

機能 - 別のボタンをクリックした後にのみ表示されるボタン？

答えて

関連する問題