Blog. Just Blog

Быстрый поиск

Введите фрагмент названия статьи для поиска

Стилизация checkbox с использованием CSS и JavaScript

11.08.2010 | Категория: Web-мастеру и не только | Автор: ManHunter
В некоторых случаях при верстке макетов сайтов возникает необходимость нестандартной стилизации различных полей ввода HTML-форм. Например, дизайнер в фотошопе слепил красивый шаблон с вычурными графическими элементами, макет утвержден и заказчик слышать ничего не хочет про "стандартные элементы управления". Оформить поля ввода и всякие кнопочки еще не проблема, а вот с элементом checkbox уже сложнее. Мало того, что каждый браузер его отрисовывает по-своему, так еще визуально у него поменять ничего нельзя. Для решения проблемы можно воспользоваться следующим хитрым трюком: checkbox помещается внутрь контейнера, например div, после этого сам checkbox визуально скрывается путем установки ему 100% прозрачности, а у контейнера меняется стиль в зависимости от состояния "галочки" в checkbox.
  1. <style type="text/css">
  2. /* Стиль для обертки отмеченного checkbox'а */
  3. div.boxChecked {
  4.     backgroundurl("checkbox.gif"no-repeat 0 3px;
  5. }
  6. /* Стиль для обертки неотмеченного checkbox'а */
  7. div.boxUnchecked {
  8.     backgroundurl("checkbox.gif"no-repeat 0 -18px;
  9. }
  10. /* Прозрачный стиль для checkbox'а */
  11. div.boxChecked inputdiv.boxUnchecked input {
  12.     cursorpointer;
  13.     margin0px;
  14.     padding0px;
  15.     width16px;
  16.     opacity0;
  17.     -moz-opacity0;
  18.     -khtml-opacity0;
  19.     filterprogid:DXImageTransform.Microsoft.Alpha(opacity=0);
  20. }
  21. </style>
Для фона отмеченного и неотмеченного checkbox'а используется одно и то же цельное изображение, только оно сдвинуто по вертикали для различных положений. Это позволяет менять фон без дополнительной загрузки новых изображений и связанного с этим неприятного моргания. Кроссбраузерный стиль checkbox'а устанавливает для него полную прозрачность. К сожалению, специфические определения стиля типа -moz-opacity, -khtml-opacity и filter не соответствуют спецификации CSS, поэтому, если вы хотите добиться полного прохождения валидатора, то придется извернуться с JavaScript.

Читать статью целиком »
Просмотров: 20834 | Комментариев: 14

Иордания. Пещерный город Петра

07.08.2010 | Категория: Жизнь в оффлайне | Автор: ManHunter

Пещерный город Петра

В феврале 2007 года я летал на отдых в Египет, на курорт Шарм-эль-Шейх, а оттуда брал дневную экскурсию в Иорданию. Недавно разбирал свой фотоархив, и нашел фотографии, сделанные в городе Петра. Тогда этого блога еще не существовало, поэтому решил сейчас написать небольшой отчет о том путешествии. Сезон летних отпусков продолжается, может быть кому-нибудь эта статья окажется полезной.

Читать статью целиком »
Просмотров: 11735 | Комментариев: 18

Определение времени бездействия системы

05.08.2010 | Категория: Образ мышления: Assembler | Автор: ManHunter
Иногда приложениям требуется узнать время бездействия системы, то есть интервал времени, прошедший с момента когда пользователь последний раз пошевелил мышкой или нажал какую-нибудь кнопку на клавиатуре. Для определения время бездействия системы в системах Windows 2000 и старше используется функция API GetLastInputInfo. Она возвращает количество миллисекунд (тиков таймера), прошедшее от старта системы до момента последнего ввода. Время бездействия вычисляется как арифметическая разница между данными, возвращаемыми функцией GetTickCount и данными из GetLastInputInfo. В FASM, как обычно, ничего из нужных структур не определено, лезем в MSDN:
  1. section '.data' data readable writeable
  2.  
  3. struct  LASTINPUTINFO
  4.         cbSize   dd ?   ; Размер структуры
  5.         dwTime   dd ?   ; Время бездействия
  6. ends
  7.  
  8. lii     LASTINPUTINFO  
Получение времени бездействия системы:
  1.         ...
  2.         ; Получить время последнего ввода
  3.         mov     [lii.cbSize],sizeof.LASTINPUTINFO
  4.         invoke  GetLastInputInfo,lii
  5.  
  6.         ; Получить текущее время в миллисекундах
  7.         invoke  GetTickCount
  8.  
  9.         ; EAX - время бездействия системы в миллисекундах
  10.         sub     eax,[lii.dwTime]
  11.         ...
Это был самый простой способ, работающий на всех новых системах. В старых операционках типа Windows 9x функция GetLastInputInfo отсутствует, поэтому там придется использовать другой, более громоздкий способ с применением глобальных системных хуков.

Читать статью целиком »
Просмотров: 8337 | Комментариев: 11

Исследование защиты программы DVD Audio Extractor

02.08.2010 | Категория: Темная сторона Силы | Автор: ManHunter

Скриншот программы DVD Audio Extractor

DVD Audio Extractor - полезная программа для извлечения аудиодорожек из DVD-дисков. DVD Audio Extractor пригождается, например, когда хочется сделать бутлегерский альбом в формате OGG, MP3, Wave или FLAC из концертного DVD любимой группы. Программа имеет очень простой и удобный интерфейс, работает быстро и качественно. Так что все хорошо за исключением того, что для полноценной работы требуется расстаться с некоторой суммой вечнозеленых денег.

Читать статью целиком »
Просмотров: 5427 | Комментариев: 13

Поздравляю с Днем системного администратора!

30.07.2010 | Категория: Всякая всячина | Автор: ManHunter

Поздравляю с Днем системного администратора!

Всех системных администраторов я сердечно поздравляю с профессиональным праздником! Желаю всем вам крепкого здоровья, железного терпения, нерушимых коннектов и пряморуких пользователей. Берегите себя и вверенную вам технику!

С уважением, -
ManHunter / PCL

Просмотров: 3472 | Комментариев: 8

01 ... 359 360 361 362 363 364 365 ... 421
Наверх
Powered by PCL's Speckled Band Engine 0.2 RC3
© ManHunter / PCL, 2008-2025
При использовании материалов ссылка на сайт обязательна
Время генерации: 0.09 сек. / MySQL: 2 (0.0292 сек.) / Память: 4.5 Mb
Наверх