unomomento
-
Posts
4 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by unomomento
-
Отображать текст частично. Показывать полностью по нажатию кнопки
unomomento replied to unomomento's question in HTML Coding
Спасибо! Примерно это и нужно. Но я собрал все один файл, почему-то не работает... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"><html dir="ltr" lang="ru"><head><meta charset="utf-8"><script type="text/javascript">var halfText = $('.spoiler').innerHeight() / 2, textHeight = $('.spoiler').innerHeight();$('.spoiler').css('height', $('.spoiler').innerHeight() / 2);$('.show-hide').click(function() { if( $('.spoiler').innerHeight() == halfText ) { $('.spoiler').animate({ height: textHeight }, 500); $(this).text('Скрыть'); } else { $('.spoiler').animate({ height: halfText }, 500); $(this).text('Показать'); }});</script><style type="text/css">.spoiler { width: 30%; overflow: hidden;}</style></head><body><div class="container"> <div class="spoiler"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni optio provident! Ipsum quibusdam neque amet sapiente quod libero ducimus ipsa possimus totam voluptatem nemo ex expedita sequi voluptatum rerum corrupti. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni optio provident! Ipsum quibusdam neque amet sapiente quod libero ducimus ipsa possimus totam voluptate</p> </div> <button class="show-hide">Показать</button></div></body></html> -
Отображать текст частично. Показывать полностью по нажатию кнопки
unomomento posted a question in HTML Coding
На одной странице несколько объемных текстов. Хотелось бы отображать только анонс от них, а полное содержимое по нажатию на кнопку Показать целиком/Свернуть. Чтоб было понятнее, вот пример http://www.pushe.ru/ При нажатии на кнопку Два слова о фабрике PUSHE открывается див, кнопка меняется на Закрыть. Только в моем случае, первоначально должна быть видна часть дива, а по кнопке уже полностью. Как это лучше сделать? Спасибо! -
Спасибо за ответ - это было здоровго, если бы еще можно было поставить галочку всем посетителям страницы. А так нужен какой-то другой выход. С фонами практически разобрался ставлю фоновые картинки в тэг img внтури дива, а не в фон и наклазываю на тот див следующий с основным контентом страницы. На экрание то же самое, а вот на принтере стало намного лучше. С прозрачностью пока дохлый номер. Чувствую буду городить кучу слоев с адаптированнымми png...
-
Например, берем самый простой код <div style="background-image:url('any.jpg'); width:500px; height:230px; border-radius: 5px 5px 5px 5px; float:left;">123</div> запускаем это в браузере и отправляем на печать. Любой браузер печатает только цифры 123. Фоновывй рисунок и стили оформления почему-то полностью игнорируются. Что сделать с дивом, чтоб его можно было отправлять на печать в виде близком к тому, что есть на экране в браузере? Да, аудитория, которой предназначен сайт про print screen ничего не знает.