Я хочу разбить свой текст на две части - asp.net

Question

В этой статье:

У меня есть пара страниц, которые получают ее содержимое из базы данных. Содержимое отображается в элементе управления Literal, хранящемся на странице asp.net.

Статья иногда бывает довольно длинной, поэтому я хочу разбить содержимое на две части, используя клиентский скрипт. К сожалению, я не могу изменить запрос, чтобы частично извлекать данные. Все данные должны прийти.

Я хочу, чтобы при открытии страницы (http://mysite.com/showpage.aspx?pid=45) или любой другой странице я показываю первые 500 слов в этом литеральном элементе управления. Ссылка создается под 500 словами, которые гласят: «Нажмите здесь, чтобы посмотреть еще ...»

При нажатии этой ссылки происходит обратная передача, и на этот раз весь контент отображается пользователю. Я понимаю, что требуется дополнительная обратная связь, но это нормально для моих пользователей.

Как создать такую ​​функциональность? Пожалуйста, помогите мне со сценарием. Благодарю.

Answer 1

я использую следующую функцию JQuery укоротить DIV текста и добавить больше кнопки.

http://www.reindel.com/truncate/

Где, в приведенном ниже примере, 120 является пределом символов.

предел Характера: Приемлемый набор символов (обозначенные регулярное выражение) укоротить в передней части, после того, как максимальная была достигнута. Если приемлемый символ не найден с максимальным значением, плагин будет перемещаться по строке назад до тех пор, пока не будет найден один. Если не найдено ни одного , строка не будет усекать. Значением по умолчанию является одиночный символ пробела .

$("#contentDiv").truncate(120,{ 
     chars: /\s/, 
     trail: [ " (<a href='#' class='truncate_show'>more</a> . . .)", 
       "(. . . <a href='#' class='truncate_hide'>less</a>)" ] 
    }); 

Answer 2

В принципе, вам нужно иметь функцию для подсчета количества слов, включая пробел и другие символы.

Если сумма превышает 500 слов, оберните 500 символов гиперссылкой и возьмите только первые 500 символов.

В качестве альтернативы вы можете попробовать any JQuery tooltip.

Надеется, что это помогает,

Хади