This morning i did spend my time writing a jquery plugin that ca be used as an alternative for the css3 text-overflow setting: jquerytextoverflow.ipdemo.nl
This morning i did spend my time writing a jquery plugin that ca be used as an alternative for the css3 text-overflow setting: jquerytextoverflow.ipdemo.nl
Great plugin…
Adding an anchor to a string with the textOverflow plugin, causes it to truncate the entire area anchored. I wasn’t sure if you were aware of this bug or not, but thought i’d get it out there.
спасибо, прочитал на одном дыхании
спасибо за статью… добавил в ридер
Спасибо. То, что нужно ))
Интересно сделано. Почти за душу берёт, заставляет смеяться над остальной блогосферой. Но несовсем полно тема обозрена. Где об этом почитать подробно?
thank you (:
Основная задача Яндекса — давать ответы на вопросы пользователей!
Hi, I have following points:
1) When you use width in “%” for truncated element and resize window, specifically increase the width of window add (…more) again and again.
2) How i can show full text there itself click on (…more) link
Впечатлило, однако!
Is it possible to scroll the text to the left (animating it), so show the overflowed content, when visitors hover over the text?
Is there a way to hide the ellipsis when showing all the text (over multiple lines). So, don’t show the ellipsis if the whole text is displayed.
IE.
This is the
whole text…
I changed the last few lines to not show ellipsis/links, etc if you are showing everything accross multiple lines.
if (lineNr < settings.lines)
{
newContent += testLine+’ ‘;
}
else
{
if(newContent + testLine == content.trim()){
newContent += testLine
}else{
newContent += testLine+settings.ellipsis+’ ‘+settings.link;
}
}
lineNr++;
lastChar = “”;
}
$(this).removeClass(”tExTOvErFLoW”);
if (settings.titleAttr) {
$(this).attr(”title”, content);
}
$(this).html(newContent);
});
}
Great plugin, but seems to break when used inside an iFrame.
I’m seeing all of my text disappear and replaced with an ellipsis when page is loaded inside an iframe no matter which options I code.
The same page works fine when loaded into a browser directly. ??
Thoughts?
It’s a great plugin, but I have two comments:
* .tExTOvErFLoW {margin-right: -10000px;} is added for each matched element instead of just once per page
* .tExTOvErFLoW {margin-right: -10000px;} should be .tExTOvErFLoW {margin-right: -10000px;}
In regard to the last comment:
What I meant was:
(style).tExTOvErFLoW {margin-right: -10000px;}(/style)
should be
(style type=”text/css”).tExTOvErFLoW {margin-right: -10000px;}(/style)
But replace ( with > and ) with <.