Troncare un testo dopo un certo numero di parole con Javascript

 

Il seguente script svolve una funzione molto simile alla funzione excerpt presente in WordPress. Il codice Javascript che proponiamo consente di troncare una stringa di testo dopo un certo numero di parole e di aggiungere dei puntini di interruzione seguiti da un pulsante stile “continua a leggere” che espandera o ridurrà il testo troncato. Lo script funziona correttamente anche in caso di presenza di tags html come strong, em oppure di link.

Il codice Javascript

Infine si specifica la seguente proprietà CSS all’elemento #less

ed il codice HTML relativo:

Potete guardare il tutto dal vivo andando alla pagina di esempio qui di seguito riportata.
 
Vedi l’esempio

pixolo ads
Animal Comix
2565 | Articolo pubblicato 4 anni fa nella categoria jQuery - Javascript.
Puoi seguire tutti i nuovi articoli e gli aggiornamenti di Pixolo.it attraverso i Pixolo feeds feed RSS.
Puoi inoltre lasciare un commento, oppure fare un trackback dell'articolo dal tuo sito.
0
SHARES
Be Sociable,
share and enjoy!
Resta aggiornato!
Segui Pixolo anche su Facebook!
Don't show more - I am already fan
×
Salva il post su Facebook
What is a Facebook Save Button?

The save button lets you save the current page to your private list on Facebook for a future use or consultation.
info | close
×