Christian Heilmann

Constraining link length with JavaScript and DOM

Monday, May 9th, 2005 at 5:46 pm

From time to time, we need to display links as plain URLs in a text.

The problem with URLs is that per definition they don’t contain spaces (yes, sloppy developers or maintainers use spaces in filenames and risk broken links, but nobody should).
No spaces in long words in HTML means that the text does not break into several lines when there is not enough space. This can seriously wreck a layout.
Furthermore, long URLs don’t look nice and stop the flow when reading a text.

A lot of blogging tools and CMS offer backend scripts to constrain the length of submitted URLs, for example in comments.
A friend asked me if that could also be done on the client side, and I wrote shortlinks to do that.

It is a small script that checks each of the links in the document for a http: start and if it is longer than a defined length. If that is the case, the script takes out some letters either at the end of the URL or in the middle and displays the shorter version. You can define a title with the full URL to be added.

Share on Twitter