Comments on jMar's Blog: jTruncate - Text Truncation for jQuery

I'm using this in a mobile application and it ...

2012-01-26T11:13:13.685-08:00

I'm using this in a mobile application and it works great on iPhone and iPad thus far.

I did have an issue when trying to get the more/less link to use jquery button UI. I call the following code after $("myelement").jTruncate();

$("a.truncate_more_link").button();

The button UI embeds a span element inside the link, which the jTruncate plugin removes when switching from moreText to lessText (and vice versa).

So, rather than replacing all the text within the moreLink, I replaced the following lines:

moreLink.text(options.lessText);
&
moreLink.text(options.moreText);

with these:

moreLink.html(moreLink.html().replace(options.moreText, options.lessText));
&
moreLink.html(moreLink.html().replace(options.lessText, options.moreText));

This will replace the text, leaving any remaining HTML untouched.

Great code, love the way it looks in general and a...

2011-12-27T05:51:06.097-08:00

Great code, love the way it looks in general and am planning to use it and credit you in my source.

Two issues I have though...

A) When using justified text, on reveal, text doesnt properly justify leaving massive spaces where normally words should be along the top line.

B) Using 3 short lines of left aligned text, on reveal, first word wont jump back up to top line, stays at the beginning of the bottom line of text and where it should be, at the top left, there is a white gap.

Can you assist?

I am VERY new to jQuery and coding in general, often I dont undertand coding terminology or instruction, so please explain things in simple terms for me :)

Cress

Hi there! I'm using jTruncate for a german si...

2011-02-14T06:19:02.158-08:00

Hi there!

I'm using jTruncate for a german site and I was wondering how to use html entities in the jTruncate function? I'm trying to place 'Zurück' in the read less text.

I hope someone has a hint :)

~ Dorien

nice piece, what's your license for it?

2010-10-09T02:53:26.483-07:00

nice piece, what's your license for it?

How to make it work when length = 0 ... var visib...

2010-02-20T02:49:03.305-08:00

How to make it work when length = 0
...
var visibleLength = options.length + options.minTrail;
if (body.length > visibleLength) {
var splitLocation = body.indexOf(' ', options.length);
if (splitLocation != -1) {
// truncate tip
var splitLocation = body.indexOf(' ', options.length);
if (visibleLength == 0) splitLocation = 0;
var str1 = body.substring(0, splitLocation);

....

Thanks for this, it would be good if you could cho...

2009-11-12T03:14:35.808-08:00

Thanks for this, it would be good if you could chose whether to split on/after a space or just a char position.

Also, you're re-defining splitLocation on line 24 with what appears to be the same value as line 21, you could drop that I think :)

Tim

nice sharing.. thanks..

2009-10-18T15:41:50.217-07:00

nice sharing.. thanks..

Nice work! Samples are working correctly in Firefo...

2009-09-30T09:36:05.334-07:00

Nice work!
Samples are working correctly in Firefox 3.5.3 on Linux

The examples work in English on Opera 10 beta 2, a...

2009-08-12T11:32:47.210-07:00

The examples work in English on Opera 10 beta 2, as well as Chrome 2.0.

I can already think of applications for this plug-in! Cheers for the work you've done.

Greg

jQuery html() gives the html content of the dom ob...

2009-04-16T08:08:00.000-07:00

jQuery html() gives the html content of the dom object. so body.length is actually counting the html tags too.
I think text() should be used in this case.

In addition to that, once the text is split, there's always an empty space next to the visible part once the more button is clicked.

Truncate plug-ins should be based on a certain width and height of DOM object this way the forced return, this way the second portion of the text is always truncated at the right spot

Works perfectly in Chrome. Thanks!

2009-02-23T01:09:00.000-08:00

Works perfectly in Chrome. Thanks!

Actually, it does work with multi-byte characters,...

2009-02-20T00:37:00.000-08:00

Actually, it does work with multi-byte characters, but it only splits on spaces, which don't necessarily appear in languages like Japanese and Chinese. I modified the script to just use the exact length specified if no space is found and it works.

No, it doesn't work with multi-byte characters. T...

2009-02-19T19:44:00.000-08:00

No, it doesn't work with multi-byte characters. This is the fourth jQuery plugin to do this that I've tried, and none of them work with Japanese.

Does this plugin work with multi-byte UTF-8 charac...

2009-01-17T09:37:00.000-08:00

Does this plugin work with multi-byte UTF-8 characters?

Wow, exactly what I was looking for. Only one imp...

2009-01-08T20:42:00.000-08:00

Wow, exactly what I was looking for. Only one improvement request. I would love a div that spans the bottom of the message that can contain either text or an image that can be clicked to open and close the quote. I am picturing plus and minus images. It would also be cool if the ellipsis text could be clicked to expand the quote.

Nice...i'll definitely try to implement ur menu sy...

2009-01-07T04:13:00.000-08:00

Nice...i'll definitely try to implement ur menu system on my blog :D. Thank you.
Scholarships solutions

Hi,

I am developing a plugin and would like...

2008-12-26T13:34:00.000-08:00

Hi,

I am developing a plugin and would like to know how you compress your JS?

Thanks,

Jack Franklin

Would I be correct in assuming that this won't wor...

2008-11-10T13:13:00.000-08:00

Would I be correct in assuming that this won't work in proper XHTML? As in xhtml served as xml as opposed to the pretend xhtml that is most common (xhtml served as html). The plugin uses the html() function which if I'm not mistaken uses innerHTML and as a result will not work in an xml document.

I'm curious about lines 21 and 24.

21: var...

2008-10-23T17:09:00.000-07:00

I'm curious about lines 21 and 24.

21: var splitLocation = body.indexOf(' ', options.length);
22: if(splitLocation != -1) {
23: // truncate tip
24: var splitLocation = body.indexOf(' ', options.length);

It may be that I just need more sleep. These lines look like duplicate code and I don't think line 24 will ever change anything even taking local scoping into account.

Great work, nut^
when in text exists html tags ...

2008-10-03T09:14:00.000-07:00

Great work, nut^
when in text exists html tags before need count synbol - them tranks too,
example:
"Lorem < span color="#000" >ipsum< /span > dolor sit amet"
And the count like 10-15 - script dont work.
If you can fix this bug - its will be great.
Sorry for my lang, with best wishes from Sevastopolб Russia, Petr

Good work!

There is a bug though.
Look ...

2008-08-15T19:34:00.000-07:00

Good work!

There is a bug though.
Look in the line:
var str2 = body.substring(splitLocation, body.length - 1);

This line effectively truncates last character.

Fix should be:
var str2 = body.substring(splitLocation);

Regards

In ln. 23 you could handle length==0, then one can...

2008-04-17T06:58:00.000-07:00

In ln. 23 you could handle length==0, then one can (with empty ellipsis and details... as more-text) e.g. show something like

_my link_
details...

// if split location==0 show only
//ellipsis text -- to show the first
//word one can always use length 1
if (options.length==0) {
splitLocation = 0;
}

Comments on jMar's Blog: jTruncate - Text Truncation for jQuery

I'm using this in a mobile application and it ...

Great code, love the way it looks in general and a...

Hi there! I'm using jTruncate for a german si...

nice piece, what's your license for it?

How to make it work when length = 0 ... var visib...

Thanks for this, it would be good if you could cho...

nice sharing.. thanks..

Nice work! Samples are working correctly in Firefo...

The examples work in English on Opera 10 beta 2, a...

jQuery html() gives the html content of the dom ob...

Works perfectly in Chrome. Thanks!

Actually, it does work with multi-byte characters,...

No, it doesn't work with multi-byte characters. T...

Does this plugin work with multi-byte UTF-8 charac...

Wow, exactly what I was looking for. Only one imp...

Nice...i'll definitely try to implement ur menu sy...

Hi,I am developing a plugin and would like...

Would I be correct in assuming that this won't wor...

I'm curious about lines 21 and 24. 21: var...

Great work, nut^when in text exists html tags ...

Good work!There is a bug though. Look ...

In ln. 23 you could handle length==0, then one can...

Hi,

I am developing a plugin and would like...

I'm curious about lines 21 and 24.

21: var...

Great work, nut^
when in text exists html tags ...

Good work!

There is a bug though.
Look ...