0

私はJavaScriptに比較的慣れていません。Outsystems テクノロジを使用してアプリケーションを開発しました。ポップアップをユーザーに提示し、ユーザーが情報を入力したら、ユーザーは [保存] ボタンをクリックします。保存に時間がかかり、その間にユーザーが他のものをクリックする可能性があるため、すべてのページ コンテンツを無効にする必要があります。

そのため、JavaScript を使用してページをロックし、プロセスが終了するまで待つようにユーザーに通知するメッセージを表示する必要があります ([保存] ボタンのクリック時)。

ヒントはありますか？

ありがとう。

4

5 に答える 5

2

「保存中...お待ちください」と表示されたページ全体の固定位置オーバーレイを追加するだけです。その上で。半透明のグレーにすることもできます。

于 2012-09-03T05:01:26.857 に答える
0

jQuery を使用する場合 ( demo ):

CSS:

.overlay {
    position: absolute; 
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    z-index: 999;
    background-color: #000;

    font-size: 24px;
    font-family: sans-serif;
    color: white;
    text-align: center;
}​

JavaScript:

$('<div>in process...</div>')
    .addClass('overlay')
    .fadeTo(0, 0.4)
    .appendTo('body');
​
于 2012-09-03T05:11:08.260 に答える