4

ユーザーは、jQuery のドラッグ アンド ドロップを使用して、私のサイトに絵を描くことができます。

私が使用するコンテンツを保存するため。

$('#mksave').click(function(){

    $("#topmenu").animateHighlight("#a7bf51", 4000);
    var div_contents = $("#print").html();
    $.post("save.php", { 'contents': div_contents });
    alert('Your painting is saved');
})

ここでは、コンテンツ フォーム div print を取得し、save.php ファイルを介して保存します。

これまでのところすべてが機能しています。

私がやりたいのは、klicks mksave を使用して (関数が実行されるように)、ユーザーが絵画の名前を指定するように求められたときです。その後、post で変数を送信します。

したがって、タイトルを要求する警告画面が必要です。

問題は、テキスト フィールドを使用してアラート画面を取得し、指定された入力を var に保存して、コードが次のようになるようにする方法です。

$('#mkopslaan').click(function(){

    $("#topmenu").animateHighlight("#a7bf51", 4000);
    var div_contents = $("#print").html();

    var name = //return value from user input
    $.post("save.php", { 'contents': div_contents,  'name': name });

    alert('Your moodboard has been saved.');        
})

したがって、名前のテキストボックスが常に表示されるのではなく、クリック時に表示されるボックスにのみ表示されます。

編集私は明確ではありませんでした。

ユーザーは名前を入力する必要があります。

4

2 に答える 2

3

これはかなり醜い解決策ですが、次のものを使用できますprompt()。

var name = prompt('Give a name for your painting:');

をクリックする[Cancel]と、結果は空の文字列またはnull. ユーザーに名前を付けるように強制するには、次の素晴らしいループを作成できます。

var name;

do {
    name = prompt('Give a name for your painting:');
} while (!name);

次のようなものを使用して、より適切なソリューションも可能jQuery UI Dialogですが、実装にはいくらかの労力が必要です。それは間違いなく単純ではありません:)

于 2013-04-12T13:46:42.553 に答える