Найти на сайте
  2. Пользователи
  3. jorgovich
  4. Форум
jorgovich

jorgovich

+85
Репутация
116
Рейтинг
#1 Ограничение текста по кол-ву символов в записи 27 апреля 2015 в 13:42
То что хотел получил, если кто знает как лучше записать, с удовольствием поучусь, сейчас тестирую в разных браузерах:
Пример у меня:

Css:
  1.  
  2. .desc {position:relative;  margin-top: 15px; padding: 5px; }
  3. .spoiler-desc{ max-height: 490px; overflow: hidden; margin-bottom:30px;}
  4. #spoiler-link{
  5. position: absolute;
  6. top: 510px;
  7. }
  8. .spoiler-hide{
  9.    display:none; 
  10. }
  11.  
HTML шаблона:
  1.  
  2. <?php if ($fields['content']){ ?>
  3. <div class="desc">
  4. <div id="spoiler" class="spoiler-desc">
  5. <div class="title"><?php html($fields['content']['title']); ?> :</div>
  6. <?php echo $fields['content']['handler']->parse( $item['content'] ); ?>
  7. </div>
  8. <div id="spoiler-link">
  9.     <a href="javascript: void(0);" onclick="document.getElementById('spoiler').className = 'spoiler-full', document.getElementById('spoiler-link').className = 'spoiler-hide'">читать полностью</a>
  10. </div>
  11. </div>
  12.  <?php unset($fields['content']); ?>
  13. <?php } ?>
  14.  
  15.  
0
#2 Ограничение текста по кол-ву символов в записи 27 апреля 2015 в 12:03
• Mike •, Да спс, я понял это, Loadырь, показал примеры, я посмотрел ну и на мой взгляд лучшим вариант с ограничением по высоте и использованием CSS выходит. Сейчас доделаю выложу, может кому пригодится…
0
#3 Ограничение текста по кол-ву символов в записи 27 апреля 2015 в 11:46
• Mike •, в моем примере тег закрытия то будет присутствовать в коде, просто визуально по css — overflow будет, поэтому не должен рассыпатся…
0
#4 Ограничение текста по кол-ву символов в записи 27 апреля 2015 в 11:36

Иначе страница может «развалиться» из-за случайных непарных HTML элементов…

• Mike •
— не должна, в шаблоне же прописываем, хотя на практике посмотрим...
Вобщем посмотрел на js как то все на мой взгляд лишнее написано… Попробую такой вариант, чуть чуть модернизировать только надо max-height указать чтоб кнопку не показывать в случае если высота текста не достигает нужной и замена класса:
  1. <html>
  2. <head>
  3. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  4. <style type="text/css">
  5. .spoiler {
  6.     width: 200px;
  7.     border: solid 1px red;
  8.     padding: 10px;
  9. }
  10.  
  11. .spoiler p {
  12.     margin: 0;
  13.     padding: 0;
  14. }
  15.  
  16. .spoiler-hidden {
  17.     height: 300px;
  18.     overflow: hidden;
  19. }
  20.  
  21. .spoiler-show {
  22.     height: auto;
  23. }
  24. </style>
  25. </head>
  26. <body>
  27. <div id="spoiler1" class="spoiler spoiler-hidden">
  28.     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque auctor egestas dui, eu semper justo dictum ut. Morbi vitae felis eget mauris faucibus semper non id neque. Cras a augue leo, at viverra lectus. Proin tempor nunc quis diam vestibulum ac viverra nulla pharetra. Duis iaculis, leo sit amet ornare lacinia, leo nibh porta magna, vel porttitor lectus mi in enim. Pellentesque congue sem in mi feugiat quis tempus ante egestas. Curabitur ultrices auctor scelerisque. Mauris sollicitudin, lectus vel bibendum blandit, tellus risus fringilla turpis, eget congue magna elit et erat. Maecenas elementum suscipit vehicula. Nunc a hendrerit sapien. Duis nibh nisl, commodo vel iaculis at, adipiscing eu dui. Proin eleifend est quis tellus fringilla id ultricies diam viverra. Aenean leo enim, scelerisque quis porttitor sit amet, porta non nisi. Ut justo lectus, vehicula vitae condimentum nec, varius interdum sapien.</p>
  29.     <p>Fusce condimentum, augue condimentum tincidunt hendrerit, justo quam mattis justo, sed adipiscing mauris libero id dui. In sagittis bibendum purus nec congue. In hac habitasse platea dictumst. Donec vitae felis neque, ut gravida velit. Curabitur fermentum neque in lorem tincidunt dignissim. Nulla facilisi. Aliquam sit amet mi risus, non feugiat nisl. Sed a felis in lorem hendrerit scelerisque ut at diam. Mauris quis eros quis ligula sagittis blandit non ac sapien. Pellentesque accumsan, lectus vel pellentesque dictum, sapien elit egestas velit, et blandit felis risus sed sem. Praesent vel ante id dui sodales lacinia. Sed sodales enim id tellus condimentum sed hendrerit metus lobortis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
  30. </div>
  31. <div class="spoiler-link">
  32.     <a href="javascript: void(0);" onclick="document.getElementById('spoiler1').className = 'spoiler'">читать</a>
  33. </div>
  34. </body>
  35. </html>
0
#5 Ограничение текста по кол-ву символов в записи 27 апреля 2015 в 11:20
Loadырь, спасибо, как всегда я Вам премного благодарен… Сейчас что нибудь использую из этого…
0
#1 Ограничение текста по кол-ву символов в записи 27 апреля 2015 в 10:54
Вопрос такого плана как сделать хайдер на странице записи по кол-ву символов, т.е вывели например 1000 символов текста, а остальное показывать по нажатию на кнопочку "Подробно"?
Ну или как вариант, по высоте, т.е при достижении определенной высоты текст скрывается под спойлер..
Подскажите примеры с исходниками…
0
#6 Часы для сайта на HTML5 или FLASH 27 апреля 2015 в 10:41
maxisoft,

Хотя самый простой вариант вообще привязаться к UTC и не замарачиваться в больших расчетах.

— Кстати да как вариант…
0
#7 Часы для сайта на HTML5 или FLASH 27 апреля 2015 в 10:35
Ну тогда более сложная реализация нужна, а вот целесообразно или нет смотрите сами…
0
#8 Часы для сайта на HTML5 или FLASH 27 апреля 2015 в 10:26


Клиентское не получится наверно. там же для разных часовых поясов.

WebStudioPro
Клиентское — это время берется с компа пользователя, т.е посмотрите как в примере используется клиентское время, переведите стрелки часов у себя на компе и часы покажут вам уже другое время, как раз удобнее что все зависит от настроек на стороне пользователя, в отличии от серверного, которое покажет время на сервере (где как раз и нужно определять с какого часового пояса зашел пользователь), в случае если часы разрабатываете для украшательства а не для функционала системы (где функция какая нибудь зависит от точного времени), вполне можно использовать
0
#9 Часы для сайта на HTML5 или FLASH 27 апреля 2015 в 10:12
Можно и HTML5 с использованием js или php — вопрос откуда брать время, можно использовать серверное, а можно клиентское..
Например есть пример от руселлер — используется клиентское время
0
#10 Шаблон blackway для 2.2.1 25 апреля 2015 в 21:10
wayfox, ну тем кто знает, три дня чистого времени на правки шаблона, один день на создание для конкретного разрешения обычно 320 а не 480 пикс, стиль, день на тестирование и правки joke
А кто поучится хочет самый раз, торопится некуда…
0
#11 В преддверии Великой Победы! 25 апреля 2015 в 21:05
Да уж, я не знаю какого им было там на войне, но когда прадеда спрашивали о войне, он старался отшучиваться, но видно было, что это у него выходило неловко и в глазах была печаль, или даже не печаль, а грусть, я очень маленький был, но помню что когда из родителей кто то его спрашивал его, он пытался что-ли уйти от рассказа, и еще он фильмы о ВОВ не смотрел, хотя мы ребетней от экранов не уходили, а он говорил, что слишком чисто все в фильмах, воевал он у меня в 43-44г., в Белоруссии был ранен в ногу домой отправили, до конца жизни с тросточкой ходил.
0
#12 Шаблон blackway для 2.2.1 25 апреля 2015 в 20:45
wayfox, Да я не сомневаюсь

Вам это сделает любой… ) Но за деньги ))))

, я написал это для людей кто хочет себя попробовать в верстке, здесь много людей кто начинает учится берутся сразу за сложные задачки, вот я и пытаюсь донести мысль, что можно сделать нужные вещи для многих людей, особенно по кол-ву задаваемых ранее на форумах вопросов, что надо дефолт сделать статичным и.т.п.
И считаю что такая работа не сильно сложная, но удобная для учебы, ну вот как то так…
0
#13 Открываем наши лица! 25 апреля 2015 в 20:31
Volgomarket, если честно — никогда не любил определения и термины, я вообще не понимаю зачем голову забивать терминами, и в работе когда брался за обучение или наоборот за постановку задачи, всегда пытался донести смысл, а не определения, вот например, зачем зубрить что то, что пригодится максимум раз или два в жизни, нужно просто рассказать, что такое есть, объяснить суть и можете посмотреть там то — например в каком нибудь справочнике подробнее, если понадобится… Когда понятна задача, проблема в четком виде, решение гораздо легче найти, чем когда объяснять человеку определениями и правилами…
0
#14 Открываем наши лица! 25 апреля 2015 в 20:16
Денис Васильевич,

Ведь лик человека складывается от сущности но не сущность от лика.

— глубокая мысль… Демоны с ангельским лицом, или ангел в неприметном виде, классику напоминает…
0

InstantCMS Team

Связь с нами
Email dev@instantcms.ru

Делаем полезные Интернет проекты с 2008 года 💫

О проекте

Поддержка

Дополнения

🍪Мы используем файлы cookie для работы сайта. Читать подробнее.