X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Скрытие полного содержания текста
aaron
aaron
Topic Starter сообщение 16.12.2010, 21:29; Ответить: aaron
Сообщение #1


Здравствуйте все.

Такая задача: имеется страница новостей (берет текст из баы данных), там сначала идет описание -> и ссылка на полный текст новости. Ну чтобы админ этого сайта не тратил времени на написание текста для описания - хочется чтобы на странице отображения всех новостей текст описания брался из главного текста и через там <div> (не знаю какой именно тэг) можно было отображать только первые 5 стоки а остальное скрывалось от видения пользователя. Если кто-нибудь понял подскажите как решить эту задачу плиз.

П.С. имею ввиду, если кто пользовался почтой Gmail, там в списке сообщений столбцу "тема сообщения" дается определенный width ну и что не помещается то его не видно
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zidan
zidan
сообщение 16.12.2010, 22:31; Ответить: zidan
Сообщение #2


На Gmail только одна строка. Такое исключительно с помощью CSS можно решить.

5 строк - это совсем другое дело. Я бы просто обрезал текст из базы данных до 150 символов, например. Если очень нужно 5 строк, то придётся рассчитывать количество показываемых символов исходя из разрешения экрана пользователя. Причём при изменении размера страницы нужно будет пересчитывать это количество.

Ещё вариант - использовать неактивный textarea.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
aaron
aaron
Topic Starter сообщение 16.12.2010, 22:54; Ответить: aaron
Сообщение #3


Спасибо большое!!!

Так как в базе данных в тексте имеются теги (при обрезании текст может испортить страницу) буду использовать textarea - пороюсь и найду может че
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
aaron
aaron
Topic Starter сообщение 16.12.2010, 22:58; Ответить: aaron
Сообщение #4


Использовал неактивный textarea, стили подстроил, НО как у него убрать скроллбар и сделать так чтобы при прокручивании мышкой текст не прокручивался?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zidan
zidan
сообщение 16.12.2010, 23:37; Ответить: zidan
Сообщение #5


Убрать скроллбар просто - overflow: hidden. Для webkit (Chrom, Safari) ещё желательно resize: none прописать. А как убрать прокрутку мышью даже близко не представляю. Поэтому я бы тупо обрезал текст по количеству символов, предложений, абзацев... :rolleyes:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zidan
zidan
сообщение 16.12.2010, 23:42; Ответить: zidan
Сообщение #6


Кстати, можно, наверное, вместо texarea использовать div с фиксированной высотой (texarea - это, конечно, изврат). Только если он не поедет в некоторых браузерах. В CSS указать overflow-x: auto и overflow-y: hidden.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 17.12.2010, 0:55; Ответить: Letmetouchyou
Сообщение #7


aaron, можно напсаить скрипт, который будет подсчитывать после обрезания текста не закртытые теги и заркывать их. Ето не сложно.

Или же иожно выводить срзу полный текст и средствами CSS установить видимую часть. (то есть высоту) тем самым устанвоить нужное кол-во строк. и ето будет кроссбарузерно.

+ данные можно кешировать ( темп файлы или noSQL), что бы при переходе на полный текст топика не было коннекта к базе
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 17.12.2010, 0:56; Ответить: Letmetouchyou
Сообщение #8


(zidan @ 17.12.2010, 01:42) *
В CSS указать overflow-x: auto и overflow-y: hidden.

только ко всему етому нужно задать относительное позицинирование еше ))

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) 📌 Рандомизация видео/аудио/фото/текста с минимальным участием - 𝓓𝓮𝓵𝓽𝓪𝓣𝓸𝓸𝓵𝓼
Мы предлагаем комплексное решение для рандомизации всех видов офера
3 leviathan 1532 Вчера, 19:39
автор: leviathan
Открытая тема (нет новых ответов) Перевод текста в речь нейросетями - сервис Zvukogram
13 Zvukogram 7227 19.2.2024, 18:16
автор: freon_mr777
Открытая тема (нет новых ответов) Нужен перевод текста с RU на UZ
0 REGNET 769 22.2.2023, 15:17
автор: REGNET
Открытая тема (нет новых ответов) Наполнение сайта Автотематики (написание текста с размещением)
Ищу человека для длительного сотрудничества
2 NYLesha 1836 1.8.2022, 23:22
автор: NYLesha
Открытая тема (нет новых ответов) Рерайт на постоянку (2-3 текста в неделю)
Авто тематика
2 k62 1804 4.6.2021, 21:20
автор: mark2013


 



RSS Текстовая версия Сейчас: 25.4.2024, 12:42
Дизайн