3 svar · 287 visningar · startad av Web-Tor
Jag använder text-overflow:ellipsis i en div.
Finns det något sätt att kolla om ellipsis utnyttjas eller inte?
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");
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".
<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. 