カラーボックスが構成されており、ウィンドウが読み込まれると読み込み中の gif が表示されますが、ウィンドウ内からページ メソッドを呼び出しているときに表示するにはどうすればよいですか?
jScript でメソッドを呼び出していますが、正常に動作しますが、読み込み中の gif が表示されないため、ユーザー プロンプト メッセージが表示されるまで何も起こらないように感じます。
私のコードで読み込み中のgifを呼び出すことができる方法はありますか?
私のjScriptはかなり簡単です:
// handler for submit button calling page method
$addHandler($get('SendEmailPageMethod'), 'click', EmailPageMethod);
});
function EmailPageMethod() {
var name = $get('name').value;
var email = $get('email').value;
var message = $get('message').value;
PageMethods.SendEmail(name, email, message, SuccessCallback, ErrorCallback);
}
function SuccessCallback(resultString) {
$('#innerForm').addClass('hidden');
$('div.successMsg').removeClass('hidden');
//alert(String(resultString));
}
function ErrorCallback(resultString) {
alert(String(resultString));
parent.jQuery.colorbox.close();
}
この jScript は、カラーボックス ウィンドウを開く親ページにあります。
// handles colorbox for contact form
$('#contact-form').colorbox({ maxWidth: '75%',
close: '',
// removes selected class from contact menu item on close
onClosed: function () {
$('#contact-form').removeClass('selected');
}
});
カラーボックス フォームを開いて送信すると、jScript コンソールに次のように表示されます。