処理中の通知
処理中の通知
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8" />
<title>処理中の通知</title>
<script src="../js/prototype.js" type="text/Javascript"></script>
<script src="../js/test7.js" type="text/Javascript"></script>
</head>
<body>
<body>
<form>
<input type=button id=dispWorking value="実行" /><br />
<!-- ここに画像を表示します -->
<span id=workingImage></span>
<div id=dispArea class="standard">
</div>
<body>
</form>
</body>
</html>
<!--
------------------------------------------------------------------------
test7.js
//画面を実行すると呼び出さされます
Event.observe(window, 'load', waitWorking);
//ボタンの動作を定義しています
function waitWorking(){
Event.observe(
'dispWorking',
'click',
//無名関数でユーザに通知およびタイマーを使い別のページを呼び出します
function()
{
//このサンプルではspanタグで指定した場所にgif画像を使って動くイメージの画像を表示しています。
$("workingImage").innerHTML = "<img src=1.gif />実行しています。しばらく、お待ちください。";
//このサンプルでは1秒後に別のページを呼び出しています
setTimeout( recieveData, 1000 );
}
);
}
function recieveData(){
//呼び出すURLを指定します
new Ajax.Request('story1.html',
{
method : 'get',
onSuccess : function(httpObject)
{
//画像を非表示にします（消します）
$("workingImage").innerHTML = "";
//story1.htmlの内容を表示します
$("dispArea").innerHTML = httpObject.responseText;
}
}
);
}
------------------------------------------------------------------------
-->
|
|