- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Добрый день. Только если задача покажется легкой (я так подумал, что для гуру программирования не составит сложностей) и у вас есть время просто мне помочь. ))
Нужен скриптик на 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 для вашего запроса, а вы, если спец по траффу, подскажете, как с мобилки убрать эту непонятночто. :) Пишите в ЛС.