wait screen

ugly · 11-10-2004, 12:11 AM

Hi

i am doing .net application.when user clicks on submit i am searching three tables and there is huge logic on that.i want to show on the screen saying "please wait when we search..." without my webpage data and when i get result from databse i need to display same search page b'coz i am binding data to datagrid. the waiting page like when we search flights on expedia.com or smilar that.

thanks for any help

homerUK · 11-10-2004, 12:02 PM

would this help?

http://www.dynamicdrive.com/dynamici...eloadimage.htm

It's meant for images on the screen, but I bet it'd work for the Database as well.....

FastCougar · 11-10-2004, 07:35 PM

I program in ColdFusion and have dealt with this recently. I'm currently having 1 page send the query request to a 2nd page. It's the waiting on the second page that causes the 'pause' in the browser. So, I have done the following, which not only displays the "searching" message, but also disables the button so that they can't double click the button:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>Test Progress Bar</title>
<script language="JavaScript">
	function disableSubmit(id) {
		window.status = 'Searching, please wait';
		document.frmStep1.Submit.disabled = true;
		document.frmStep1.action = 'step2.cfm';
		document.frmStep1.submit();
		var elem = document.getElementById(id);
		elem.style.visibility = 'visible';
		elem.style.display = 'inline';
	}
</script>
</head>
<body>
<form name="frmStep1" method="post">
<table border="0" cellpadding="2" cellspacing="0">
	<tr>
		<td colspan="4" align="left" valign="bottom">
			<input type="submit" class="form_submit" value="Search" name="Submit" onclick="disableSubmit('searchMsg');">
		</td>
	</tr>
	<tr id="searchMsg" style="visibility:hidden; display:none;">
		<td colspan="4" align="center" valign="middle"><br>
			<strong>Searching, please wait</strong>&nbsp;<img src="images/ico_progress_bar.gif" alt="Searching, please wait">
		</td>								
	</tr>
</table>
</form>
</body>
</html>