jQuery Tab Eklentisi (pTab)

jQuery için eklenti yazmaya başladığım ilk günlerde pTab eklentisinin ilk sürümünü çok basit bir şekilde hazırlamıştım.. Ancak çok esnek değildi ve çok az işlevselliği mevcuttu.. Geçen gece mert ile birlikte düşündük ve pTab’ı yeniden daha iyi işlevselliğe sahip şekilde yazmaya karar verdik.. Ve ortaya güzel bir eklenti çıktığına inanıyoruz.. Biz arayüz geliştiricisi olduğumuz için genel olarak kendi ihtiyaçlarımıza göre hazırladık bu tab eklentisini.. Tabi tab eklentisi olduğuna bakmayın, slider bile yapabilirsiniz bu eklenti ile 🙂 Zaten demolarda da göreceksiniz bunu..

Tüm açıklamaları, demoları ve indirme linklerini hazırladığım döküman sayfasında bulabilirsiniz;
http://www.erbilen.net/lab/pTab/

Sağda bulunan paylaş butonlarını kullanmayı unutmayalım 🙂

Not: Eklenti performansıyla ilgili hala çalışıyoruz.. Ve çok yakında yeni güncellemeler getireceğiz.. İhtiyaç doğrultusunda eklenmesi gereken yeni özellikleri hazırlamaya başladık bile 🙂

Yayınlayan

Tayfun Erbilen

2009'dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“jQuery Tab Eklentisi (pTab)” üzerine 33 yorum

  1. Bunu 1$ dan 1.000.000 kişiye sataydık iyiydi

    çok güzel olmuşş çoookk

  2. Eklenti çok tatlı olmuş en yakın zamanda kullanacağım inşallah. verdiğiniz emek için teşekkürler…

  3. Ellerinize sağlık harika bi eklenti olmuş.Dediğiniz gibi slider olarak bile uygulanabilir.Çok yararlı bi eklenti olmuş.

  4. Gerçekten güzel bir eklenti olmuş. Emeğinize sağlık, teşekkürler.

  5. Gerçekten çok başarılı olmuş. 🙂 10 Numara, 5 yıldız. 🙂

    Sağda bulunan paylaş butonlarını kullanmayı unutmadım. 😉

  6. @Tayfun tesekkurler. Çok geniş kullanım olanağına yayılan dusunce ile hazırlanmış. Ayrıca 7kb 'da çok hafif bir uygulama olmuş. (:

    Yeni versiyonda neler eklenebilir (kalmışsa bir tab için eklenecek detay) meraklardayım (:

    Emeğinize sağlık.

  7. @Fatih Toprak, ben teşekkür ederim fatih 🙂 Dün birkaç yenilik daha getirdim.. Başlangıç, olay fonksiyonları.. Otomatik yükseklik ayarlama gibi.. Şimdi sırada aklıma ilk gelen ajax tab içeriği olacak.. Düşündükçe yeni şeyler geliyor aklıma, bakalım 🙂

  8. Detaylı ve başarılı bir çalışma olmuş.. Ellerinize sağlık..

    İlk fırsatta kullanacağım inşallah.

  9. @Burak Tekin, kısa bir süre sonra demo sayfasını güncelleyip gerekli kodlarıda eklerim inşallah.

  10. Tayfun arkadaşımız sayesinde çok şey öğrendim. Sadece ben değil çoğu kişi çok şey öğrendi. Kendisinin her zaman dahada başarılı olmasını temenni ediyorum. Allah işini rast getirsin güzel kardeşim.

  11. Tayfun bu sefer de muhteşem bir proje ile karşımızdasın. Bu derece kullanımı kolay bir eklentiyi bizlere sunduğun için teşekkür ederim. Ben kullanmaya başladım bile… Ayrıca Slider'a mousewheel değeri atadım ve gayet şık oldu. 🙂 🙂 çok çok çok teşekkür ederim…

  12. çok güzel fakat videolu anlatım olursa cok iyi olur nasıl kullanıldıgı hakkında

  13. Videosunuda çekeriz ama döküman sayfası bence yeterince açık 🙂

  14. @selcuk, kullandığınız slider eklentisi jquery'nin eski bir sürümünü kullanıyor ise böyle bir sorun yaşayabilirsiniz. jQuery 1.9'dan sonra birçok değişiklik olduğu için çoğu eklenti sorun çıkarmakta. Onun dışında çakışması için 2. bir sebep göremiyorum, belki 2 kez jquery çağırmış olabilirsiniz bazen böyle hatalarda yapılabiliniyor. Tekrar kontrol etmenizde fayda var.

  15. Elinize sağlık, gerçekten gurur verici bir çalışma. Keşke biz Türkler sanal alemde de hazırcılığı bırakarak bu şekilde bir şeyler geliştirmeye versek kendimizi..

  16. JS dosyaları head tag ları arasına alıyorum fakat çalışmıyor. Bu şekilde yapmanın bir yolu yok mu acaba?

  17. @Emre OKAY, head etiketleri arasına alıyorsanız şu kodlar içine yazmanız gerekiyor;

    $(function(){
      .. kodlar .. 
    });
  18. Elinize sağlık çok işime yaradı, Piyasada olanlardan çok daha iyi ve kullanımı çok basit.

  19. Öncelikle ellerine sağlık ustat ajax tab bir projemde manşet olarak kullandığım fakat bir sorun var css de haber tek satır olunca sorun olmuyor fakat başlık uzun olunca alt satıra gececeğine üst üste çıkıyor yardımcı olabilirsen sevinirim dene yanılma yolu ile denedim ama css de yeniyim daha

    .pTab8 .pTabContent span.sliderTitle {
    	position: absolute;
    	bottom: 20px;
    	opacity: .8;
    	filter: alpha(opacity=80);
    	left: 20px;
    	background: #111;
    	color: #fff;
    	font-size: 20px;
    	display: block;
    	line-height: auto;
    	padding: 18px 20px
    }
  20. Demek istediğini pek anlayamadım @Furkan, eğer örnek demo ya da görsel atarsan yardımcı olmaya çalışırım 🙂

  21. @Furkan Geçer, şimdi anladım demek istediğini. Eğer bizim örneğe göre yapıyorsan yapman gereken .pTab8 .pTabContent span.sliderTitle bu nesneye line-height değeri vermek.. Örneğin; line-height: 30px!important gibi…

    Sonuç;

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir