Dan Beam![]()
Normalizes text-overflow: ellipsis; in all browsers with YUI3. Also allows multiple lines instead of just 1.
<script src="http://yui.yahooapis.com/3.3.0/build/yui/yui-min.js"></script>YUI( ).use('gallery-ellipsis', function (Y) {
// If you have native support and are using the default settings
// (1 line, … as end marker), just "set it and forget it!"
if (Y.DOM.ellipsis.nativeSupport) {
Y.all('.ellipsis').ellipsis();
}
else {
// run once now (if desired)
Y.all('.ellipsis').ellipsis();
// run ellipsis on window resize
Y.on('windowresize', function () {
Y.all('.ellipsis').ellipsis();
});
}
// Use a custom ellipsis character (»)
Y.all('.ellipsis-chevron').ellipsis({'ellipsis': '\u00BB'});
// When you need more than just 1 line
Y.all('.ellipsis-description').ellipsis({'lines': 5});
// When you *really* want to make sure you don't wrap
Y.all('.ellipsis-safe').ellipsis({'fudge': 10}); // give an error margin ("fudge" factor)
});No forum posts for this module.
© 2006-2013 Yahoo! Inc. All rights reserved.
All code on this site is licensed under the BSD License unless stated otherwise.
About This Site · Security Contact Info