jQuery pHolder Eklentisi (Güncellendi)

Merhaba arkadaşlar, placeholder özelliğini çoğumuz biliyoruzdur eminim.. Ve tabiki bazı tarayıcıların desteklemediğini de biliyoruzdur 🙂 Bu yüzden placeholder’ın aynısını jquery ile yapıp bir eklenti haline getirdim.. Oldukça basit ve kullanışlı bir eklenti oldu 🙂

Güncelleme:
Arkadaşlar bu güncelleme ile tek seferde tüm inputlara bu eklentiyi uygulayabilirsiniz.. Eğer text paremetresini girmezseniz input’un değerini alacaktır.. Örnek bir kullanım;

Eklenti kullanımı (ilk html’de bir input ekleyelim);

<input type="text" name="kelime" rel="pHolder" value="sitede ara.." /><input type="text" name="kelime2" rel="pHolder" value="blogda ara.." />

Evet şimdi jquery.pHolder.js dosyasını sayfanıza jquery dosyası ile birlikte çağırdıktan sonra yazmanız gereken jquery kodu aşağıdadır;

$(function(){   $("input[rel*=pHolder]").pHolder();});

İşte bu kadar basit bir kullanımı var 🙂 Dosyayı indirdiğinizde içerisinde 2 farklı js dosyası mevcut.. Birisi sıkıştırılmış olanı, bir diğeri ise geliştirilebilir olanı.

İndirme Linki;
http://yadi.sk/d/GpOO304FdQfc

Yayınlayan

Tayfun Erbilen

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

“jQuery pHolder Eklentisi (Güncellendi)” üzerine 13 yorum

  1. input tagının içine, placeholder="Bişeyler Ara" /> yazarsanız böylede oluyor direkt olarak 🙂

  2. Keşke açıklamamı okusaydın 🙂 Çalışmayan tarayıcılar için bu eklentiyi hazırladım zaten, neyse.

  3. Bu şekilde her input için bir satır jQuery kodu yazmamız gerekir ki bu bir sürü satır eder. Onun yerine basit bir algoritma düşünebiliriz. Placeholder'ı olan inputlarda tıklanınca sil, dışarı tıklanınca placeholder'ı value yap gibi 🙂

    http://jsfiddle.net/YusufYildiz/bA6qL/

  4. Evet dediğin şekilde güncelleme getirdim bu konuyla ilgili, bende sonradan garipsedim kullanmaya başlayınca ^^ Şimdi kullanışlı oldu işte.

  5. güzel bir paylaşım tayfun hoca

    yalnız textarealarda çalışmıyor

    $(function(){
    $("textarea[rel*=pHolder]").pHolder();
    });

    kodu yukarıdaki gibi düzenlesen'de çalışmıyor nedeni nedir.. acaba

  6. bir sorum var jquery ile şunu yapmak istiyorum < içerik > ileri basıldığında < içerik2 > olacak geri basıldığında geri dönecek içerikler sayısız olacak ne kadar eklersem o kadar. bunu nasıl yaparım?

  7. Şaka gibi ama tam bunu yapacakken işe biraz ara verip birkaç site dolaşayım diye düşünüyordum.. 🙂 Bir anda bu eklenti çıktı karşıma.. Teşekkürler Tayfun.

  8. Hocam denedim bir sorun yok.. Textarea'da rel="pHolder" şeklinde yazmanız gerekiyor.. Ve textarea içine default değeri atamınız gerekiyor.

    HTML;
    <textarea rel="pHolder">Bu bir denemedir..</textarea>

    jQuery;
    $("textarea[rel*=pHolder]").pHolder();

  9. Basit bir slider sistemi dediğiniz.. Bunun içinde ileride bir ders hazırlayabilirim.

  10. teşekür ederim hocam hallettim ama farklı bir mantıkla tşk.
    ayriyetten cevap verdiğin içinde tşk.

  11. memduh badilli,
    Memduh, eklentiden veya konudan faydalanabilmek için kodları kullanmışsın belli, textarea işlemini kendim hallettim diye birşey söylemişsin, ben siteleri keyfen dolaşıp okurken gördüklerime ister yanıt yazarım istersem güler geçerim haliyle, o kelimene karşılık yazmak istedim, insanoğlu başkalarının başarılarıyla başarı sağlama peşindedir, bulduğunuz bir yöntem var ise bunu diğer arakdaşlarınla insanlarla paylaşman en doğru hareket olacaktır, sonuçta şuan bu yorumumu okuduğun sayfanın konusundan birşeyler alıp gitmişsin gördüğüm kadarıyla, şuan bulunduğun bu sitenin yaratıcısı Tayfun gibi paylaşımcı olman için sanırım daha senelere ihtiyacın var, 11 yıldır Masa üstü programlama ve Web programlama ile uğraşan gözleri okumaktan yazmaktan patlayan Çağatay Galolar' ın nedemek istediğini anlaman dileğimle…

Bir Cevap Yazın

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