2012-07-06 7 views
6

私のページにはボタンがあります。クリックすると、ユーザーがテキストを入力できるポップアップボックスが表示されます。 OK/Submitを押すと、jscriptは入力されたデータを使っていくつかの機能を実行します。非常に単純ですが、私はこれを行う方法を理解できません。javascript/jqueryを使用してポップアップを使用して変数を入力する方法

ありがとうございます!何か他のものはボタンでレイヤーを作成するためにはJavaScript & CSSの多くを必要とする

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

: (http://www.w3schools.com/js/tryit.asp?filename=tryjs_prompt W3Schoolsのから撮影:)それで

答えて

16

は最も単純な形式だ、あなたはプロンプト(質問、デフォルト)を使用することができますそしてこれらのボタンにイベントをクリックすると、

+0

恐ろしい、角張ったテキスト入力ボックスのように、完璧に動作しますが、その可能ならば、私は、このボックスを大きくするために思っていました? – Mark

+1

いいえ、ブラウザ固有のウィンドウです。私が言ったように、あなたはそのようなボックスを作成するためにjavascript/CSSを使用する必要があります。 jQuery UI http://jqueryui.com/demos/dialog/のように、おそらくこれに使用できるライブラリがあります。 –

0

scriptタグの間にあなたのheadタグ内にこのコードを貼り付け

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.

関連する問題