Cкрыть текст AJAX-скриптом

Общие вопросы по системе юкоз, вопросы по ucoz, вопросы без определенной темы

Cкрыть текст AJAX-скриптом

» » Сообщение:

Подскажите как скрыть текст AJAX-скриптом с ссылкой типа «Читать далее» в виде материалов каталога файлов, после нажатия на которую текст появится без перезагрузки страницы?

текст, скрыть, скриптом, ссылкой, читать, подскажите

Re: Cкрыть текст AJAX-скриптом

Admin » » Сообщение:

Zoop писал(а) › 13 апр 2016, 22:28:Подскажите как скрыть текст AJAX-скриптом с ссылкой типа «Читать далее» в виде материалов каталога файлов, после нажатия на которую текст появится без перезагрузки страницы?

Без понятия о каком скрипте вы говорите.
Можно чуть подробнее?


Re: Cкрыть текст AJAX-скриптом

Zoop » » Сообщение:

Не могу найти сайт.. Мне типа нужно скрыть длинный текст (например, 1000 сим.) в виде материалов каталога файлов, после 500 символов описания сделать кнопку типа «Читать далее», при нажатии на которую появится остальное описание материала без перезагрузки страницы



Re: Cкрыть текст AJAX-скриптом

Admin » » Сообщение:

Zoop писал(а) › 20 апр 2016, 20:16:Мне типа нужно скрыть длинный текст (например, 1000 сим.) в виде материалов каталога файлов, после 500 символов описания сделать кнопку типа «Читать далее», при нажатии на которую появится остальное описание материала без перезагрузки страницы

Понятно.
Ввело в заблуждение слово «AJAX-скрипт», так как с аяксом это никак не связано.

Zoop писал(а) › 20 апр 2016, 21:54:Вот на другом сайте нашел что-то похожее

Ставите блоку с текстом стиль height: 155px и overflow: hidden;, затем скриптом проверяете высоту теста, если она больше высоты блока, то добавляете кнопку «читать далее», при нажатии на которую высота блока (155) увеличивается до высоты текста.
Все.

Типа:

Код: Выделить всё Развернуть
<div id="content" style="height:150px;overflow:hidden;width:300px;">
   <p id="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.  Donec nec libero.Здесь располагается содержимое  id "content"</p>
</div>

<script type="text/javascript">
(function(){
   var obj = $('#content'),text = $('#text').height();
   if(obj.height() < text){
      $('<strong>Читать далее</strong>').insertAfter(obj).click(function(){
         obj.animate({height:text+'px'},500);
      });
   }
})();
</script>

Cкрыть текст AJAX-скриптом





Похожие темыКомментарии ПросмотрыПоследнее сообщение
01346Как сделать удобокопируемым текст с...
Сообщение от: Admin
0349Как получить выделенный текст в TEX...
Сообщение от: Admin
01241Как запретить браузеру выделять тек...
Сообщение от: Admin
0127Как сделать коммерческий текст инте...
Сообщение от: Admin