BLOG

jQuery Yazı Kısaltma Eklentisi

Tayfun Erbilen ekledi. 15 Eylül 2012 Cumartesi

Merhaba arkadaşlar, bu gece yarınki heyecanımdan dolayı uyku tutmadığı için bir şeyler yapayım dedim ve aklıma yazı kısaltma eklentisi yazmak geldi.. Çok uğraştırmadı zaten, tıkır tıkır da çalışıyor maşallah (:



Eklenti Parametreleri;
limit : Karakter limitini belirtme (standart = 20)
nokta : Kısaltma yapıldığında sonuna nokta koyulup koyulmayacağını belirtme (standart = true / yani konulsun demek istemiyorsanız false yapın değeri)
goster : Yazıyı kısaltıp devamını okumak için link çıksın istiyorsanız bu değer true olmalıdır.. Standart olarak true'dur.. Eğer link çıkmasın sadece yazı kısalsın derseniz değerini false yapmanız gerekir..
gizle : Eğer devamını göster dediğinizde tekrar gizlemek isterseniz bu değeri true yapmalısınız.. Standart olarak değeri true'dur.. Gösterilen şeyi tekrar gizlemek istemiyorsanız değerini false yapın
text : Göster linkinde ne yazacağını belirler (standart = göster)
text2 : Gizle linkinde ne yazacağını belirler (standart = gizle)

Eklenti Kullanımı;
jQuery kütüphanesini çağırın. jquery.pKisalt.min.js (eklenti dosyasını) çağırın. Ve daha sonra kisaltmak istediğiniz nesneyi html sayfanızda seçip eklentiyi uygulayın;

$(function(){
    $("div.nesne").pKisalt({
       limit : 100,
       text  : "(devamını göster)",
       text2 : "(tekrar gizle)"
    });
});
Demo;
http://www.prototurk.com/demo/pKisalt/index.html

Download / İndirin;
http://www.prototurk.com/demo/pKisalt/jquery.pKisalt.zip Gözat

14 yorum

  1. Eğer özel değilse yarınki heycanının sebebi nedir :d

    YanıtlaSil
  2. Tahmin ediyorum o zaman ya yeni birşey alıyosun yada bir kızla görüşmeye gidiceksin .p

    YanıtlaSil
    Yanıtlar
    1. Aaa nerden bildin ya? Uff snane be salaq :D

      Sil
    2. 98252986346.hissim çok pis kuvvetlidir :d

      Sil
    3. yürü be kim tutar seni :D

      Sil
  3. yani bir web materi başka ne heyecanlandırır ki :D zaten ikisi debir yerde yeni bir şey almak :D hayırlı oldun şimdiden :D

    YanıtlaSil
  4. Teşekkür ederim mükemmel bir eklenti olmuş heyecanın daim olsun nice uykusuz günlere :)

    YanıtlaSil
  5. Kısalttığı alandaki html kodlarınıda siliyor bunu nasıl düzeltebiliriz ?

    YanıtlaSil
    Yanıtlar
    1. var length = nesne.text().length; kısmını
      var length = nesne.html().length; diye değiştirin..

      '+nesne.text() + gizle +' kısmınıfa
      '+nesne.html() + gizle +' diye değiştirin..

      Ama ortada keserse html kodları kapanmamış kalabilir, sıkıntı doğurabilir.. Bununla ilgili regex'de ne yapabiliriz diye biraz araştıracağım.

      Sil
  6. Ben anlamadım aslında şimdiye kadar ihtiyacım yoktu ama şuan ihtiyaacım olduğunu fak ettim boş bir zamanında video çekersen sevinirim

    YanıtlaSil
    Yanıtlar
    1. bakalım çözümünü bulabilirsem eklentiyi güncellerim.

      Sil
  7. Ben Genelde devamını oku hikayesini yaparken divi ufaltıp scroolu gizliyordum. Ama bu eklentide aklımda olsun. Eline sağlık :)

    YanıtlaSil

HAKKIMDA

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