Page Loading

[TheUnknown]

Could some one guide me in the correct direction

What im looking to do is have a image like this pop up for a x amount of time after someone submits a search using the form below

Any ideas?

Thanks in advance

 

<FORM name="search" ACTION='search.php' METHOD='POST' target="result">
				<input TYPE='TEXT' NAME="text" id="text" class="search" /> 
					 <font face="verdana">Engine: </font><select name="engine">
								<option value="1">Release Pirate</option>
								<option value="2">Torrent Reactor</option>
								<option value="3">SeedPeer</option>
								<option value="4">Sumo Torrent</option>
								<option value="5">Mininova</option>
								<option value="6">BTJunkie</option>
								<option value="7">Bush Torrent</option>
								<option value="8">Fenopy</option>
								<option value="9">IsoHunt</option>
								<option value="10">myBitTorrent</option>
								<option value="11">The Pirate Bay</option>
								<option value="12">Torrent Box</option>
							</select> 
				<input TYPE='submit' NAME="submit" VALUE="SUBMIT" class="button" />
			</FORM>

[lemmin]

Like this?

<FORM id="frmSearch" name="search" ACTION='http://www.google.com' METHOD='POST' target="result" onsubmit="submit.value='Loading...';submit.disabled=true;loadimg.style.display='inline'">
				<input TYPE='TEXT' NAME="text" id="text" class="search" /> 
					 <font face="verdana">Engine: </font><select name="engine">
								<option value="1">Release Pirate</option>
								<option value="2">Torrent Reactor</option>
								<option value="3">SeedPeer</option>
								<option value="4">Sumo Torrent</option>
								<option value="5">Mininova</option>
								<option value="6">BTJunkie</option>
								<option value="7">Bush Torrent</option>
								<option value="8">Fenopy</option>
								<option value="9">IsoHunt</option>
								<option value="10">myBitTorrent</option>
								<option value="11">The Pirate Bay</option>
								<option value="12">Torrent Box</option>
							</select> 
				<input TYPE="submit" NAME="submit" VALUE="SUBMIT" class="button"/>
<img id="loadimg" src="http://www.torrentvalley.com/images/loading.gif" style="display:none">
			</FORM>

[TheUnknown]

that would be perfect if there was a way for the image to go away after a x amount of time

[lemmin]

Like this?

<script type="text/javascript">
function loading()
{
frmSearch.submit.value='Loading...';
frmSearch.submit.disabled=true;
frmSearch.loadimg.style.display='inline'
setTimeout("frmSearch.loadimg.style.display='none';", 3000);
}
</script>

<FORM id="frmSearch" name="search" ACTION='http://www.google.com' METHOD='POST' target="result" onsubmit="loading()">
				<input TYPE='TEXT' NAME="text" id="text" class="search" /> 
					 <font face="verdana">Engine: </font><select name="engine">
								<option value="1">Release Pirate</option>
								<option value="2">Torrent Reactor</option>
								<option value="3">SeedPeer</option>
								<option value="4">Sumo Torrent</option>
								<option value="5">Mininova</option>
								<option value="6">BTJunkie</option>
								<option value="7">Bush Torrent</option>
								<option value="8">Fenopy</option>
								<option value="9">IsoHunt</option>
								<option value="10">myBitTorrent</option>
								<option value="11">The Pirate Bay</option>
								<option value="12">Torrent Box</option>
							</select> 
				<input TYPE="submit" NAME="submit" VALUE="SUBMIT" class="button"/>
<img id="loadimg" src="http://www.torrentvalley.com/images/loading.gif" style="display:none">
			</FORM>