webForumDet fria alternativet

ellipsis

3 svar · 287 visningar · startad av Web-Tor

Web-TorMedlem sedan nov. 200011 794 inlägg
#1

Jag använder text-overflow:ellipsis i en div.
Finns det något sätt att kolla om ellipsis utnyttjas eller inte?

Erik JuhlinMedlem sedan maj 20007 625 inlägg
#2

Jag är ju inte så insatt i vad ellipsis gör, men så här kan man skriva:

<div id="foo" style="text-overflow: ellipsis; background-color: grey;">...</div>
alert(document.getElementById("foo").style.textOverflow == "ellipsis");
Web-TorMedlem sedan nov. 200011 794 inlägg
#3

Jo, jag vet att jag kan kolla om classen är ellipsis. Ellipsis gör att text som inte får plats i sitt element avslutas med "..."

Jag har ellipsis på flera celler och på vissa är innehållet så långt att texten avslutas med "...". Vid onmouseover visar jag då hela innehållet i en tooltip. Just nu är problemet att tooltipen alltid visas - även om texten får plats i cellen. Det är därför jag vill kolla om ellipsis är "aktivt".

nitro2k01Medlem sedan aug. 20037 630 inlägg
#4
<div id="foo" style="text-overflow: ellipsis; background-color: grey; width: 400px; height: 400px; overflow: hidden;">...</div>

...

alert((document.getElementById("foo").scrollHeight - document.getElementById("foo").clientHeight) + " pixlar gömda av overflow. Negativt värde: allt syns.")

Vet inte om det funkar i IE. Har bara kollat i mozilla. :p

Genererad på 377 ms · cache AV · v20260730165559-full.f96bc7eb