/    Sign up×
Community /Pin to ProfileBookmark

Limit Displayed Characters on a web page

In my application, there are table headers where text may overflow. As a result I need to cut the displayed words short so that “abcdefghijklmnopqrstuvwxyz” becomes something like “abced…”.

On top of that, it would be even better if the script can detect the width of the parent DIV and dynamically set the displayed characters before the “…”. This way, there would be more characters allowed if it consists mostly of “iiiiiii” while there’d be less characters shown if it consists mostly of “QQQ”s.

Is there a script that can do this out there? I’m finding it a big pain to do this via PHP code.

to post a comment
JavaScript

1 Comments(s)

Copy linkTweet thisAlerts:
@mrhooMar 05.2007 — The easy way is to forget the ellipses and set your cell content widths with css clip and overflow properties.

To edit the html and truncate its text according to the window and font size is no easier in javascript than it is in php.

And you'll need to account for resizing the window or zooming the text.

Making the finished page accessible will be your bigge...
×

Success!

Help @Skeptical spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.25,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...