Как проверить есть ли у тайтла точки?

Question

[Ness]

Вот есть такая карточка, нужно показывать тултип лишь при наличии точек, то есть если тайтл длинный и есть точки, показываем тултип, если точек нет, не показываем.

Как проверить это?

Answer 1

[Алексей]

может так?

title.indexOf('...') !== -1

Answer 2

[Alex]

Смотря как вы строку обрезаете. В общем случае -- по количеству символов.

Answer 3

[Сергей delphinpro]

Текст видимо обрезается свойством text-overflow, поэтому делать проверку indexOf('...') по совету Алексей бессмыслено.
Совет Alex считать символы вряд ли приемлем. На десктопе одно кол-во, на планшете другое. А завтра вообще шрифт поменяется и нужно будет все пересчитывать.

Попробуйте вложить обрезаемый текст во внутренний элемент и сравнивать ширину этого элемента с шириной самого блока с текстом.

<div class="b">
  <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, mollitia, vitae? Rem veritatis et, fugit minus quod nostrum. Facilis rem unde numquam cupiditate veritatis mollitia velit, voluptatibus labore dicta, aspernatur.</span>
</div>

.b{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

Comments

[Ness]

Честно, даже в голову не приходит как я могу это сделать.

типа так? h1.width > 100px ? isTooltip: !isTooltip?

[Сергей delphinpro]

Taifunov,

Ну как. Очень просто.

let ширинаДива = получаемШиринуДива();
let ширинаСпана = получаемШиринуСпана();

Если ширинаСпана > ширинаДива То {
  разрашаемПоказыватьТултип();
}

А тонкости реализаций уже зависят от используемых вами решений для тултипов.

[Ness]

Сергей delphinpro, та это понятно, само нахождение ширины, это проблема :/

[Сергей delphinpro]

Taifunov, да нет, вроде не проблема https://learn.javascript.ru/metrics

[Ness]

Спасибо, решил чуть по другому, считаю кол-во символов в тайтле :)

[Сергей delphinpro]

Taifunov, пиздец. я же написал об этом... ну что за херня происходит в этом мире.. все через жопу делается..

[Ness]

Сергей delphinpro, Ну по другому я хз как я указывал элементу для каждого тайтла свой реф, я хз как лазить по каждому и вытаскивать его clientWidth и сравнивать потом, плюс считать его нужно только в некст тике ибо при загрузке его ещё нет.

Да и материться зачем? Ну сделал через жопу, это ведь всё равно тренировочный проект, может на рабочем где-то выцеплю гляну авось кто уже сделал и потом переделаю

[Сергей delphinpro]

Taifunov,

Да и материться зачем?

ну я же не ругаюсь )