JQueryShrinkUrls < System

---+ %TOPIC%
%JQPLUGINS{"shrinkurls"
  format="
    Homepage: $homepage <br />
    Author(s): $author <br />
    Version: $version
  "
}%

%STARTSECTION{"summary"}%
Shrinks all urls in a given container whose link text exceeds
a given size and have no white spaces in it, that is don't
wrap around nicely. If the text is skrunk, the original text
is appended to the title attribute of the anchor.
%ENDSECTION{"summary"}%

---++ Usage

---+++ !JavaScript API

<verbatim class="js">
 $("#container a").shrinkUrls({
   size:<number>,           // max size (default 25)
   include:'<regex>'       // regular expression a link text must
                           // match to be considered
   exclude:'<regex>'       // regular expression a link text must
                           // not match to be considered
   whitespace:<boolean>,   // true: even shrink if there's whitespace
                           // in the link text (default false)
   trunc:<head|middle|tail> // position where to insert the ellipsis
 });
</verbatim>

---+++ Foswiki integration

Add the class name ==jqShrinkUrls== to a container to process all anchors inside.

<verbatim class="tml">
%JQREQUIRE{"shrinkurls"}%
<div class="jqShrinkUrls" data-size="25" data-whitespace="true">
   <a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vehicula est et felis imperdi</a>
</div>
</verbatim>

---++ Examples

%JQREQUIRE{"shrinkurls"}%

<div class="jqShrinkUrls" data-size="25"  data-whitespace="true">
   <a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vehicula est et felis imperdi</a>
</div>

<div class="jqShrinkUrls" data-size="25" data-whitespace="true" data-trunc="middle">
   <a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vehicula est et felis imperdi</a>
</div>

<div class="jqShrinkUrls" data-size="25" data-whitespace="true" data-trunc="head">
   <a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vehicula est et felis imperdi</a>
</div>

This topic: System > JQueryPlugin > JQueryShrinkUrls
Topic revision: revision 1 (raw view)

Copyright &© by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding BACCHUS Wiki? Send feedback