- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Все что нужно знать о DDоS-атаках грамотному менеджеру
И как реагировать на "пожар", когда неизвестно, где хранятся "огнетушители
Антон Никонов
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Добрый день. Только если задача покажется легкой (я так подумал, что для гуру программирования не составит сложностей) и у вас есть время просто мне помочь. ))
Нужен скриптик на js сворачивающий текст начиная с 15го слова.
Формат текста такой, желательно в текст не вставлять никакие разделители. Т.е. не хотелось бы менять формат текста.
<p>текст текст текст........+- 300 слов</p>
<p>текст текст текст........+- 300 слов</p>
нужно получить
текст 15 слов читать далее...
Если много прошу, все пойму. Согласен.
https://www.jqueryscript.net/tags.php?/read%20more/ выбирайте.
Есть одна незадача. Исходник норм работает и в разных браузерах и с разных устройств.
Поставил такую "свертку" на сайт, но почему то именно в Chrome и только с телефона не хочет сворачивать.
Не понимаю, куда копать...
Не видя кода никто не скажет.
Не знаю - что там именно нужно... в примере скрипт вон вообще просто 50px оставляет и все. И никакие слова не считает.
Поэтому набросал простой пример для любого P на странице.
<style>
p {overflow: hidden; height: 50px; position: relative;}
p:after {content: ''; cursor: pointer; position: absolute; background: rgba(255, 255, 255, 0.5); background: -webkit-linear-gradient(top, transparent 0%,#fff 100%); width: 100%; left: 0px; bottom: 0px; height: 15px; linear-gradient(top, transparent 0%,#fff 100%); width: 100%; left: 0px; bottom: 0px; height: 15px;}
p.open {height: auto;}
p.open:after {display: none;}
</style>
<script>
$("p").click(function () {
$(this).toggleClass("open");
});
</script>
Можно попробовать на странице http://dikij.com/test3.php
Да, можно было бы анимацию добавить и все такое... но что-то немного лень делать это в час ночи :)
---------- Добавлено 23.05.2018 в 01:57 ----------
А, ну да. В плагине еще тень вот так сделана:
Вот этот скрипт считает, правда не слова, а символы: https://www.jqueryscript.net/demo/Read-More-Less-Plugin-jQuery-Shorten/
DiKiJ, есть такая загогулина что click в мобильной версии не работает
добавь в css cursor: pointer; и все заработает
Вот этот скрипт считает, правда не слова, а символы: https://www.jqueryscript.net/demo/Read-More-Less-Plugin-jQuery-Shorten/
код не смотрел, но теоретически можно отсчитать 14 пробелов
postavkin, а вы в какой сфере спец.? А то у меня недавно угнали трафф с мобильного, накачали хрен знает через что хрен знает что, и за сутки весь месячный лимит off. Баш на баш, я вам сделаю js для вашего запроса, а вы, если спец по траффу, подскажете, как с мобилки убрать эту непонятночто. :) Пишите в ЛС.