Jak uzyskać dane wejściowe za pomocą wyskakującego okienka i umieścić tekst w zmiennej za pośrednictwem javascript/jquery

Question

Mam przycisk na mojej stronie. Po kliknięciu pojawi się wyskakujące okienko umożliwiające użytkownikowi wpisanie tekstu. Po naciśnięciu OK/Submit, mój jscript wykona następnie pewne funkcje przy użyciu tych wprowadzonych danych. Bardzo proste, ale po prostu nie mogę wymyślić, jak to zrobić.

Dzięki!

Answer 1

w swej najprostszej postaci, można użyć prompt (pytanie, domyślnie): (zaczerpnięte z w3schools: http://www.w3schools.com/js/tryit.asp?filename=tryjs_prompt)

function myFunction(){ 
    var x; 
    var name=prompt("Please enter your name","Harry Potter"); 
    if (name!=null){ 
     x="Hello " + name + "! How are you today?"; 
     alert(x); 
    } 
} 

cokolwiek innego wymagałoby dużo javascript & CSS do tworzenia warstwy z przyciskami i kliknij wydarzenia na tych przycisków

Answer 2

Wklej ten kod w twoich head tagów między script tagów

HTML

<button id="button">Get Text</button>​ 

JS

window.onload=function() 
{ 
    var el=document.getElementById('button'); 
    el.onclick=function(){ 
     var my_text=prompt('Enter text here'); 
     if(my_text) alert(my_text); // for example I've made an alert 
    } 
} 

DEMO.