• 25-02-2018, 01:34:29
    #1
    Arkadaşlar merhaba;

    Sitemde belirli sayfalarda ve iletişim sayfamda formlar yer alıyor. Bu formlarda ki alanlar doldurulup formda "Gönder" butonuna basıldığında belirli bir süre bekleniyor. Bu arada kullanıcıya "Yükleniyor" bilgi mesajını ekranda göstermek istiyorum. Bunun bir eklenti veya düzenleme yapabileceğim bir yer alıyor mu?

    Teşekkürler
  • 25-02-2018, 01:57:53
    #2
    Bu bekleme süresi sitenizin hiziyla hatta sitenizle alakali. Contact form 7 ile deneyin birde.
  • 25-02-2018, 02:13:43
    #3
    jQuery('#div_id').html("<div style='background-image: url(images/loading.gif); background-repeat:no-repeat; width:16px; height:16px; border:0px solid;'></div>");
    Yukarıdaki kodda images/loading.gif var onu bir yerden bulup edinmen ve uygun yolunu göstermen gerek ve width, height ile genişlik ve yüksekliği yükleniyor.gif'e göre değiştirebilirsin, bunu ajax ile gönderme yapıla kodun öncesine ekleyeceksin, gelipte kaybolmazsa o zaman da div_id ile belirtilen divi önce display:none, sonra burda css içine display:block sonrada success alanının içine display:none yaparsın.
    bunun öncesine eklenecek. jQuery.ajax({
  • 25-02-2018, 02:23:42
    #4
    @sabrican; Kardeşim sana swall eklentisini kullanmanı öneririm güzel ve temiz bir uygulamadır. https://sweetalert.js.org/guides/
  • 27-02-2018, 00:42:12
    #5
    Aypi adlı üyeden alıntı: mesajı görüntüle
    Bu bekleme süresi sitenizin hiziyla hatta sitenizle alakali. Contact form 7 ile deneyin birde.
    ilgixcom adlı üyeden alıntı: mesajı görüntüle
    jQuery('#div_id').html("<div style='background-image: url(images/loading.gif); background-repeat:no-repeat; width:16px; height:16px; border:0px solid;'></div>");
    Yukarıdaki kodda images/loading.gif var onu bir yerden bulup edinmen ve uygun yolunu göstermen gerek ve width, height ile genişlik ve yüksekliği yükleniyor.gif'e göre değiştirebilirsin, bunu ajax ile gönderme yapıla kodun öncesine ekleyeceksin, gelipte kaybolmazsa o zaman da div_id ile belirtilen divi önce display:none, sonra burda css içine display:block sonrada success alanının içine display:none yaparsın.
    bunun öncesine eklenecek. jQuery.ajax({
    Empires adlı üyeden alıntı: mesajı görüntüle
    @sabrican; Kardeşim sana swall eklentisini kullanmanı öneririm güzel ve temiz bir uygulamadır. https://sweetalert.js.org/guides/
    Arkadaşlar teşekkür ederim yorumlarınız için. Kullandığım form Unyson page builder içerisinde yer alan contact form. Kurcaladım ama işin için çıkamadım bana bu konuda yardım edebilecek birisi var mıdır?

    https://wordpress.org/plugins/unyson/

    Teşekkür ederim yeniden.
  • 27-02-2018, 01:46:51
    #6
    http://manual.unyson.io/en/latest/he...ml#ajax-submit, bu sayfada bir anlatım var, kullanmadığımdan bilmiyorum, onun gönderim yaptığı yeri bulmak lazım önce, fwForm.initAjaxSubmit({ diye bir yer var anlatım da onun öncesine verdiğim kod eklenebilir.
  • 27-02-2018, 15:08:11
    #7
    Bana göre en iyisi "Formcraft" eklentisi