Arkadaşlar merhabalar;

Form validate işlemleri sonucunda kullanıcıya dönen mesajları tooltip kullanarak vermek istiyom yani Html5 de bulunan form kontrolünü jquery ui kullanarak normal bir forma uygulamak istiyorum.

Biraz daha ayrıntıya girecek olursak:

 <form name="myForm" action="#" onsubmit="return control(); " method="post">
         <input type="text" id="text" name="text">
         <input type="submit" id="submit" value="Submit">
    </form>
<script>
  function Execute() { if($("#text").val()=="") //ekrana tooltip çıkar;  return false; }
</script>

Bunun için bir çok kaynak buldum fakat tam olarak istediğime karşılık gelmedi. Burdan çıkan sonuçları bir fonksiyona yollayarak sonucu elde etmek istiyorum yani :

function tooltipShow(Id,content){
   $("#"+id).tooltip(
      { 
          content: "Some content!",
          position: {
              my: "center bottom",
              at: "center top-10"
           }
     }
   );
}

Şeklindeki gibi bir fonksiyon yapmak istiyorum. Kullanıcı submit buttonuna bastıktan sonra ortaya çıkacak ve bir olay istiyorum.

örnek bir link1 burada tam olarak bir örneği var aslında ama button kod ile eklenmiş ve click ile kontorol yapılmış bunu kendime göre çevirdiğim çalışmıyor yani click olayını functiona çevirmeye çalıştım.

link2

soruldu: 27 Haz '14, 09:55

gece_bekcisi's gravatar image

gece_bekcisi
266192228
cevap kabul oranı: 0%


html

<form>
    ...
    <div>
        <label for="lastname">Lastname</label>
        <input id="lastname" name="lastname" title="Please provide also your lastname.">
    </div>
    ...
</form>

<button id="save_button">Kaydet</button>

jquery

// click olayından sonra tooltip çıkıyor
// siz bunu ajax post işleminin success 
// metodu içerisine koyabilirsiniz
$(function () {
    $("#save_button").click(function () {
        var tooltips = tooltipShow("lastname", "deneme içerik");
        tooltips.tooltip( "open" );
    });
});

// tooltip donduren metod, tooltip donmesini
// istediginiz yerlerde, id ve içerik vererek
// dinamik tooltip oluşturabilirsiniz
function tooltipShow(id, content) {
    console.log(id);
    return $("#" + id).tooltip({
        content: function() {
            return content;
        },
        position: {
            my: "left top",
            at: "right + 5 top-5"
        }
    });
}

DEMO

permanent link

cevaplandı: 30 Haz '14, 09:02

AliR%C4%B1za%20Ad%C4%B1yah%C5%9Fi's gravatar image

AliRıza Adıyahşi ♦
7.9k146288
cevap kabul oranı: 44%

değiştirildi: 30 Haz '14, 09:04

Cevabınız
toggle preview

Bu soruyu takip et

E-Posta üzerinden:

Üyelik girişi yaptıktan sonra abonelik işlemlerini yapabilirsiniz

RSS üzerinden:

Cevaplar

Cevaplar ve Yorumlar

Yazı Formatlama

  • *italic* ya da _italic_
  • **bold** ya da __bold__
  • link:[text](http://url.com/ "başlık")
  • resim?![alt text](/path/img.jpg "başlık")
  • liste: 1. Foo 2. Bar
  • temel HTML etiketleri de kullanılabilir

Bu sorunun etiketleri:

×92
×6
×1

Soruldu: 27 Haz '14, 09:55

Görüntüleme: 595 kez

Son güncelleme: 30 Haz '14, 09:04

powered by BitNami OSQA