jQuery Yazı Kısaltma Eklentisi

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://yadi.sk/d/VpcDS5kJ19py8

Yayınlayan

Tayfun Erbilen

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

“jQuery Yazı Kısaltma Eklentisi” üzerine 17 yorum

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

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

  3. Teşekkür ederim mükemmel bir eklenti olmuş heyecanın daim olsun nice uykusuz günlere 🙂

  4. 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.

  5. 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

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

  7. wordpress script kurulu olan sitemde single the_contentte bunu kullanmak istiyorum nasıl yapabilirim acaba ?

  8. İçerik nesnesini seçip eklentiyi uygulamanız yeterli. Hangi nesne içindeyse onu seçin ve uygulayın 🙂

  9. Ellerine sağlık! Siteme eklediğim yorum alanında uzun yazılar var olursa 1 ya da daha fazla görüntü pek hoşuma gitmiyordu. Tam istediğim gibi çalıştı. Tekrar ellerine sağlık 🙂

Bir Cevap Yazın

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