Funktion - Schaltfläche wird nur angezeigt, nachdem eine andere angeklickt wurde?

Ich bin überhaupt nicht gut mit Funktionen, und JavaScript zu lernen, brauche ich ein wenig Hilfe bei einem der Beispiele, die ich mache, um es zu lernen. Ich habe eine Frage. Wie mache ich es so, dass die nächste Schaltfläche nur dann angezeigt wird, wenn die vorherige angeklickt wurde? (Zum Beispiel können Sie sehen, die Yahoo-Taste nicht ohne Google klicken zuerst) Hier ist der Code:Funktion - Schaltfläche wird nur angezeigt, nachdem eine andere angeklickt wurde?

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

Quelle

2012-04-12 Anonymous

die Tasten ids Geben und setzen dann ihre CSS-Eigenschaft display, da keine für sie unsichtbar zu machen (und nehmen Sie nicht auf jeder Raum).

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

Die Funktion showNext zeigt dann die Taste der ID, die in die Funktion übergeben wird. Siehe oben, wenn die Funktion aufgerufen wird Ich gebe entweder 'btnYahoo' oder 'btnFacebook' ein, je nachdem, welches ich als nächstes anzeigen möchte.

function showNext(showThis){ 

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

}

Hoffnung, die

Quelle

2012-04-12 11:56:44

Danke für die Hilfe hilft! –

Keine Sorge, ich habe gerade meine Erklärung aktualisiert, um sie besser zu erklären. –

Funktion - Schaltfläche wird nur angezeigt, nachdem eine andere angeklickt wurde?

Antwort

Verwandte Themen