Проверьте с помощью jQuery, если текст больше высоты div

0

У меня есть контейнер с фиксированной высотой и фиксированной шириной. Внутри этого у меня есть еще два div, верхний, другой - нижний с фиксированной шириной. Если высота вершины увеличивается, текст внутри нижнего div выходит за пределы высоты контейнера, я не хочу этого. Я хочу знать, сколько текста выходит за пределы высоты контейнера и что это за текст. Я хочу сохранить этот текст в переменной.

мой код jQuery, что я написал:

var conheight = $("#container").height();
console.log("conheight",conheight);

var botheight = $("#bottom").height();
console.log("botheight",botheight);

var topheight = $("#top").height();
console.log("topheight",topheight);

var heightdiff = conheight - topheight;
console.log("heightdiff",heightdiff);

var bottext = $("#bottom").html();
console.log(bottext);

if ( bottext.length > heightdiff ) {
   console.log("exceeded");
   console.log(bottext.length);
}
else {
    console.log("within div");
}

Я не знаю, что писать внутри, if тег.

Это моя ссылка, что я сделал до сих пор.

http://jsfiddle.net/nTHzS/

Любая помощь будет оценена по достоинству.

  • 0
    Что вы хотите, чтобы произошло, когда верхний бокс собирается превысить лимит? получить полосу прокрутки? остановить вывод текста? переместить оставшийся текст в нижнее поле?
  • 0
    @haxxxton нет я не хочу полосу прокрутки ... я хочу сохранить этот текст в переменной
Показать ещё 5 комментариев
Теги:

1 ответ

0

если вы знаете, что ширина обоих ваших разделов, а нижнее поле - фиксированная высота, вы можете использовать комбинацию этого решения для обнаружения переполнения qaru.site/questions/15491/... и цикла, в котором вы используете .slice(-1) и .substring(0, text.length - 1) чтобы постепенно удалять символы из div, пока они больше не переполняются

я предоставил jsFiddle http://jsfiddle.net/nTHzS/3/

я изменил тестовый текст на Lorem Ipsum, чтобы сделать его более ясным, что возвращалось как "переполненный",

EDIT: обновил мою jsfiddle здесь http://jsfiddle.net/nTHzS/6/ с решением, которое обеспечивает переполнение текста из нижнего поля на основе комментариев, которые дополнительно объяснили запрос. Это решение использует контент из http://davidwalsh. name/detect-scrollbar-width для определения ширины полосы прокрутки и qaru.site/questions/15491/... для обнаружения переполнения содержимого

EDIT2: исправлена ошибка, когда я ссылался на неправильную длину в цикле for. Добавлена функция, где она уменьшает переполнение целыми словами, а не отдельными символами, чтобы прекратить прерывание слов http://jsfiddle.net/nTHzS/10/

EDIT3: добавлена возможность для кода измерять как верхнюю, так и нижнюю в зависимости от того, имеет ли верхняя часть в нем больше текста, чем в контейнере. http://jsfiddle.net/nTHzS/11/

Поделиться
  • 0
    Нет там нет фиксированной высоты ....
  • 0
    так что оба верхних и нижних ящика имеют переменную высоту? а вы хотите знать только, когда в верхнем поле появляется переполненный текст? что произойдет, если в нижнем поле слишком много текста? Вам нужно знать оба переполненных набора текста?
Показать ещё 13 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню