2012-07-06 16 views
6

üzerinden bir değişkenin içine bir metin ile giriş nasıl girilir ve sayfamda bir düğme var. Tıklandığında, kullanıcının metin girmesine izin veren bir açılır kutu görünmelidir. Tamam/Gönder düğmesine basıldığında, jscript'im bu giriş verilerini kullanarak bazı işlevleri yerine getirecektir. Çok basit, ama bunu nasıl yapacağımı anlayamıyorum.Bir javascript/jquery

Teşekkürler! İçinde

cevap

16

en basit formu şunu kullanabilirsiniz var istemi (soru, varsayılan): (W3Schools'da alınan: http://www.w3schools.com/js/tryit.asp?filename=tryjs_prompt) başka

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); 
    } 
} 

şey düğmeleriyle katmanları oluşturmak için JavaScript & CSS birçok gerektirecektir ve bu düğmeleri olayları tıklayın

+0

Müthiş, mükemmel çalışıyor, ancak onun olası bir squarish metin giriş kutusu gibi, bu kutu büyük yapmak için merak ediyordum ? – Mark

+1

nope, tarayıcıya özel bir penceredir. Dediğim gibi, bu şekilde kutular oluşturmak için javascript/CSS kullanmanız gerekecek. muhtemelen jQuery UI http://jqueryui.com/demos/dialog/ gibi kütüphaneler kullanılabilir. –

0

script etiketleri arasına head etiketlerinin içinde bu kodu yapıştırın

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.