Здравствуйте, уважаемые хабраграждане!
Хочу поделиться с вами маленькой, но очень приятной фичей, дающей в руки веб-разработчика большие возможности в построении интерфейсов для своих сайтов и в то же время очень простой в реализации. Почему-то на просторах сети я очень редко встречал использование этой возможности.
Одна строка JavaScript кода:
и строке подключения стилей зададим идентификатор:
Теперь в любом месте документа можно задать вызов смена стилей.
Например как-нибудь вот так:
Пример.
При помощи иконок слева вверху производится замена стилей на сайте РДМ, где я применил эту возможность для смены отображения страницы для широких и узких экранов.
При загрузке страницы стиль выбирается исходя из размеров окна клиента, если пользователь выбирает другой вид, его выбор записывается в куку, откуда она считывается при дальнейшем серфинге по сайту.
Буду рад, если кто-нибудь возьмет на заметку при разработке в своем проекте.
Хочу поделиться с вами маленькой, но очень приятной фичей, дающей в руки веб-разработчика большие возможности в построении интерфейсов для своих сайтов и в то же время очень простой в реализации. Почему-то на просторах сети я очень редко встречал использование этой возможности.
Одна строка JavaScript кода:
function changeStyle() { document.getElementById(‘style’).href = ‘new_style.css’ }и строке подключения стилей зададим идентификатор:
/>Теперь в любом месте документа можно задать вызов смена стилей.
Например как-нибудь вот так:
Изменить стиль
Пример.
При помощи иконок слева вверху производится замена стилей на сайте РДМ, где я применил эту возможность для смены отображения страницы для широких и узких экранов.
При загрузке страницы стиль выбирается исходя из размеров окна клиента, если пользователь выбирает другой вид, его выбор записывается в куку, откуда она считывается при дальнейшем серфинге по сайту.
Буду рад, если кто-нибудь возьмет на заметку при разработке в своем проекте.