jQuery Truncate

  • jQuery plugin trió
  • Nem találtam olyan megoldást, ami igényeket teljesítené
  • Vagy túl nagyok voltak, vagy nem azt csinálták, amit szeretnék

Igények

  • Le akarunk vágni egy szöveget megadott hosszra
  • Kezeljen DOM Node-okat
  • Lehessen szavak és mondatok mentén is vágni.

Miért is mutatom ezt be?

  • Modul pattern
  • Konfigurálható alapértelmezett értékek
  • jQuery kiegészítő fejlesztés

Komponensek - truncate

Levágja a megadott jQuery objektum általal kiválasztott elemek közül az elsőt megadott hosszra.

  1. Végigmegy a kiválasztott elem gyermekein rekurzívan.
  2. Begyűjti azok szöveges tartalmát.
  3. Ha eléri a megadott karakterhatárt, akkor
    • amennyiben szóhatárt keresünk, megkeresi a következő szóvéget,
    • amennyiben mondathatárt, megkeressük a mondat végét.
  4. Visszaadja az utoljára feldolgozott DOM elemet, vagy a szöveget, vagy mindkettőt.

Komponensek - closestChild

Visszaadja a kiválasztott elem szülei közül azt, amelyik gyereke a megadott kiválasztónak.

  1. Végigmegy a szülőkön.
  2. Amennyiben a szülő megfelel a megadott kiválasztónak, akkor visszaadja az előzőleg feldolgozott szülőt
  3. Ha nem találta meg az elemet, mire elért a DOM struktúra tetejére, akkor üres objektummal tér vissza.

Komponensek - truncated

Az előbbi két kiegészítőt használva becsomagolja a levágott szöveg utáni elemeket és kirak egy Tovább gombot.

  1. Megkeresi az elválasztási pontot a truncate használatával
  2. Megkeresi annak szülőjét, mely gyermeke az truncated által kiválasztott elemnek.
  3. Az elválasztási pont után minden elemet becsomagol.
  4. A becsomagolt rész elé kirak egy Tovább gombot.
  5. A Tovább gomb megnyomására kinyílik az becsomagolt tartalom, és a gomb megszűnik.
/script>