Aspire
Koineks
  • 22-10-2016, 22:31:47
    #1
    1/2
    Merhaba Yardımınıza ihtiyacım var

    Şöyleki butona birkez basıldığında veriyi gönderiyor.

    İnterneti Yavaş Olan müşteri butona bir kez tıklıyor sistem çok yoğun olduğundan veya interneti yavaş olan müşteri veri gönderilmeden neden gitmedi gibisinden gönder butonuna üst üste tıklıyor ve veri admin panelile 10 - 15 bazen çok tıklayıp 20-30 civarında kayıt yolluyor.

    Sebebini ve çözümü bulamadım

    Benim istediğim butona 1 kez tıklana bilsin ve ( Tıkladınız Lütfen Bekleyiniz ) gibi Uyarı versin - uyarı vermesede olur.

    Kişi butona sadece bir kez tıklasın sistem yoğun bile olsa üst üste tıklayıp veriyi birden fazla gödermesin.
    Çok denedim jquery denedim olmadı.



    Sitemdeki buton kodu :

    <tr>
    <td height="20" colspan="3" align="right" valign="top">
    <input name="button" type="submit" class="btn btn-primary btn-lg" id="button" value="G&ouml;nder" onClick="window.location.reload(false)" /></td>
    </tr>

    -----------------------------------------------------------------------------------
    JQUERY Kodu webte buldum:

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>one demo</title>

    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>


    <script type="text/javascript">

    $(document).one("click",function(){
    $("body").text("Tıkladınız Lütfen Bekleyiniz.");
    });

    </script>

    <div id="body" ><input name="button" type="submit" class="btn btn-primary btn-lg" id="button" value="G&ouml;nder" /> tıkla</div>
    </body>
    </html>

    Site ASP Ne yapabilirim.
  • Sponsor Reklam
  • 22-10-2016, 22:51:38
    #2
    1/2
    $("#button").click(function(e){
    	e.preventDefault();
    	var btn = $(this);
    	btn.css("display","none");
    	btn.before("<div id=\"button_before_text\">Bekle, işlemini yapıyoz...</div>");
    	var form_data = "";
    	$.ajax({
    		type:"post",url:"",data:form_data
    	}).done(function(){
    		setTimeout(function(){
    			$("#button_before_text").remove(); btn.css("display","inline");
    		},2000);
    	}).fail(function(){ alert("hata"); $("#button_before_text").remove(); btn.css("display","inline"); });
    });
    Ben örnek olabilcek bişeyler karaladım, siz kendinize göre düzenleyebilirsiniz. Text yerine loading gifi falan olabilir mesela veya .done(..) içinde geri gelen buton tekrar gösterilmeyebilir vs vs

    Kolay gelsin
    ✔✔✔ Ultra Çılgın Wallpaper Scripti
  • 23-10-2016, 00:09:26
    #3
    1/2
    Çok Teşekkürler.

    @codeksper