php butona çıft tıklanmasını nasıl engellerim

Merhaba;

ilan ekleme kısmında devam butonuna basıldığında verilerin db kaydı ve resimlerin boyutlandırıp klasörlere taşıması biraz zaman alıyor. Dolaysiyle ilan ekleyenler bu süreci bilmediklerinden devam tuşuna defalarca basıyorlar. ve aynı ilanı defalarca kaydediliyor.

Sorunun çözümü konuda bilen arkadaşlar bana yardımcı olurlar ise çok memnun olacağım yardımlarınızı bekliyorum.

Şimdiden Teşekkürler

tavsiyem, butona basıldığında butonu pasif hale getiren ve buton üzerinde "lütfen bekleyiniz..." gibi bir ifade çıkarn jscript kod kullanmandır,araştırırsan biçok yerde bulabilirsin,

taşıma ve boyutlandırma işlemini "önizleme" yani başka bir sayfada yaptığı için pek bir işe yaramadı

aslında yapmak istediğim devam tuşuna basınca
bu linkte ki gibi bir şey

yükleme yapınca ön izleme ekranını acacak

http://www.dhtmlgoodies.com/scripts/...gress-bar.html

jquery ile yapabilirsiniz
http://jsfiddle.net/ajSzA/1/

Tam olarak yapmak istediğim bunun gibi birşey
Demo
http://www.dhtmlgoodies.com/scripts/...gress-bar.html

Kod:
http://www.dhtmlgoodies.com/index.ht...t=progress_bar

Bendeki kodlara yukarıdaki progres barı nasıl entegre edebilirim.

Mevcut kodlarım
ilan ekle

</div>
<div id="ilan_ekle" class="border_check">
<table width="100%" cellpadding="5" cellspacing="0">
<tr>
  <td width="3%" bgcolor="#E0EBF3"><input id="kabul" type="checkbox" name="kabul" hasbox="2" value="1" onchange="soruSor();"></label>
  </td>
  <td width="72%" bgcolor="#E0EBF3"><a href="#" class="bana_ozel_red">İlan verme kuralları</a> <span class="message_text2">okudum, kabul ediyorum</span></td>
  <td width="25%" align="right" bgcolor="#E0EBF3"><input type="image" value="İlanımı Kaydet"  name="gonder" class="bod" src="images/buttons/devam.png" width="108" height="35" onclick="this.value = \'Lütfen Bekleyiniz...\'" ></td>
</tr>
</table>
</div>
</div>
  <div id="clear"></div>
  <div id="clear"></div>
</form>


<script language="JavaScript" type="text/javascript">
//You should create the validator only after the definition of the HTML form
var frmvalidator  = new Validator("myform");
frmvalidator.addValidation("baslik","req","İlan Başlığı giriniz");
frmvalidator.addValidation("baslik","minlen=3","İlan Başlığı giriniz");
frmvalidator.addValidation("fiyat","req","Fiyat giriniz.");
frmvalidator.addValidation("fiyat","decimal","Sadece rakam giriniz");
frmvalidator.addValidation("il","dontselect=0","Şehir seçiniz.");
frmvalidator.addValidation("ilce","dontselect=0","İlçe seçiniz.");



</script>


<script type="text/javascript">
function soruSor()
{

   var ValCev = document.myform.resimVar.value;
   var SonRes = document.myform.resim9.value;

    if(ValCev > '0'){
	// Resimler yüklendi.


	}else if( SonRes != ''){
	// Resimler yüklendi.
    }
    else{
	// Resim yüklenmediyse soru sor.

		var sonuc = window.confirm("Dikkat! Resim Yüklemediniz ya da seçtiniz fakat Resim Yükleye basmadınız. İlan resimsiz olarak kaydedilecek Tamam mı? İptal mi?");
		if(sonuc){
				//Resimsiz yollamayı kabul etti.
		    	document.myform.resimVar.value='1';
		}else{
				// İlan kabulü kaldır.
		    	document.myform.kabul.checked = false;
		}
	}

}
</script>

</div>

ön izleme de

düzelt devam yerine öncelikle yükleniyor progresini çalıştırmak istediğim kısma ait kod

<div id="preview">
  <table width="100%" cellpadding="5">
    <tr>
      <td colspan="3" align="center" class="message_text2">ilanınızla ilgili aşağıdaki bilgiler doğruysa &quot;Devam et&quot; butonuna tıklayıp bir sonraki aşamaya geçin. Değilse &quot;Düzelt&quot; butonunu tıklayın.</td>
    </tr>
    <tr>
      <td width="49%" align="right"><a href="ilanguncelle.php?id=<? echo $id ?>"><img src="images/buttons/duzelt.png" alt="" width="235" height="35" border="0" /></a></td>
      <td width="2%">&nbsp;</td>
      <td width="49%"><a href="ilanekle.php?id=<? echo $id ?>"><img src="images/buttons/devam_et.png" width="235" height="35" border="0" /></a></td>
    </tr>
    </table>
</div>

yardımcı olabilecek arkadaşımız yokmu ?