Tekstien lyhennys

Toi sun koodisi oli sinne päin, mutta siitä puuttui pari olennaista kohtaa. Lyhensit kyllä merkkijonot, mutta sitä lyhennettyä merkkijonoa ei missään vaiheessa sijoiteta takaisin sivulle. str.slice() ei muokkaa sitä olemassaolevaa merkkijonoa, vaan tekee siitä uuden lyhennetyn kopion.

jQueryllä voi olla vähän helpompi tehdä:

jQuery(document).ready(function($){
    $('.bsp_freshness_display_title').each(function() {
        this.innerHTML = this.innerHTML.slice(0,40) + '...';
    })
})

Tuolla pitäisi lyhentyä nuo Viimeisin viesti -sarakkeen otsikot 40 merkkiin.

jQuery on tällaisessa ilmaisuvoimaista: ensimmäinen rivi kertoo, että tämä tehdään siinä vaiheessa kun sivu on valmis, toinen rivi hakee kaikki elementit, joiden luokka on bsp_freshness_display_title ja tekee jokaiselle jotain ja kolmas rivi asettaa elementin sisällöksi (this.innerHTML) 40 ensimmäistä merkkiä sisällöstä ja kolme pistettä perään.

Jos haluat tehdä saman jollekin toiselle kohteelle, kopioit vain tämän:

    $('.bsp_freshness_display_title').each(function() {
        this.innerHTML = this.innerHTML.slice(0,40) + '...';
    })

vaihdat tuohon halutun elementin tunnisteen ja laitat sitten edellisen perään tuohon uloimman funktion sisälle. Tunniste pitää katsoa niin tarkaksi, että sillä löytyy juuri se oikea elementti: sulla oli omassa koodissasi bbp-forum-freshness, mutta se on liian ylhäällä, pitää löytää sellainen tunniste, jolla merkityn tagin sisällä on juuri se teksti, jota haluaa muuttaa, eikä muuta.

• Tätä vastausta muokkasi 5 vuotta, 8 kuukautta sitten Mikko Saari.

Kokopitkänä näkyy hetken, koska teksti on sivulla kokopitkänä. Vasta kun sivu on kokonaan ladattu, JavaScript suoritetaan ja teksti lyhenee.

Kommentin aikaleima on linkki kyseiseen kommenttiin, siitä sen saa penkomatta lähdekoodia.