Алтернатива для ":hover", Touchscreen, без ява-скрипт
Привет всем,
кто подскажет хорошую альтернативу для эффекта ":hover" на Touchscreen без ява-скрипт?
Я сейчас разрабатываю респонсивный сайт с многоэтажной навигацией,
и одним из условий является то, чтоб сайт работал примерно одинаково с и без ява-скрипт.
1) В мобильной версии видны только верхние пункты.
2) кликнув на один из основных, должны раскрываться подпункты следующего яруса.
3) но это должно происходить без перезарядки страницы.
Для "обычного" компа, без тачскрина, всё прекрасно работает при помощи :hover.
Для тача, нужно кликнуть на кнопку и чтоб она осталась открыта.
:hover и так работает без яваскрипта, это псевдокласс css
смотри тут http://ruseller.com/lessons.php?id=523&rub=29
У него изначальные требования - без перезагрузки страницы и скрипта.
Конечная цель нашего урока - создание меню, которое быстро загружается и не требует JavaScript для эффектов при наведении мышки.
Всё гениальное как обычно простЕЕ чем ты это представляешь
Я обычно делаю первоначальную версию сайта так, чтоб он работал абсолютно без JS.
А потом, как всё работает, то можно и скрипт подключить.
Со скриптом естественно привлекательнее,
но изначально должна быть возможность пользоваться сайтом, даже если скрипт деактивирован.
До сих пор получалось
но на сколько знаю, вроде без ява и нет решения
Ну вот и я тоже не нашёл ничего подходящего и работающего.
Есть предложения через :target, но чёт тоже не совсем то что нужно.
Придётся наверное делать с перезагрузкой и присвоением определённого класса.
А на случай если скрипт активирован, сделаю тогда попроще.
А как без перезагрузки по клику на менюшке откроется подменю?
В навигации, в норманом состоянии отключаешь видимость нижних подпунктов (через CSS).
А при помощи :hover ставишь снова блок на видимость. А всё открывается без перезагрузки.
Проблема только в том, что тачскрины не поддерживают :hover.
Там можно только кликать или не кликать.
Проблема только в том, что тачскрины не поддерживают :hover.
Там можно только кликать или не кликать.
http://web.izjum.com/css-open-on-click посмотри тут тогда, тоже css вариант, но через :active
:active немножко неудачный вариант.
он срабатывает только когда кнопка нажата.
А как её отпускаешь, всё пропадает.
Ну тогда буду делать с перезарядкой.
тогда можно другие свойства использовать.
Я всё же надеялся, что уже что-то новое разработали и я о нём ещё не узнал
У меня без скрипта даже форма на сервер не отправляется.
А вот это прекрасно просто замечательно
представь себе, что у многих скрипты деактивированы, а у тебя всё только на скриптах...
Чел заходит к тебе на сайт, убеждается что нифига не работает и матюкаясь уходит
Именно по этому лучше делать чтоб всё изначально без скриптов работало.
А на тот случай, что у чела может быть скрипт активирован,
то можно это проверить и дать дополнительную выдачу содержания или функционала.
В итоге получается немного больше работы,
но вероятность того что сайт не работает, значительно снижается.
Именно по этому лучше делать чтоб всё изначально без скриптов работало.
-----
Ну не может мое работать без скриптов. Просто не может. И нет никакой возможности настроить его так чтобы оно работало без скриптов.
Потому как на сервер уходят сообщеня вида - в текстовом контроле 'myText' юзер нажал кнопку 'a'... или комбинацию 'ALT+b'...
представь себе, что у многих скрипты деактивированы
------
Да и бог с ними - шеф глянет на конфигураию и включит все обратно, при регулярном повторе - заменят мудрейшего мудака на кого-то вменяемого...
вероятность того что сайт не работает, значительно снижается.
------
Хи-хи... У тебя всего лишь остается некий сурогат необходимого функционала, при этом нужно внимательно следить за тем, чтобы та часть бизбес-логики, которая доступна при отключенных скриптах, могла хоть как-то функционировать, а не создавать дополнительные проблемы...
Блять, да вы про разные скрипты говорите.
А по теме - сегодня никто не делает сайты без JS. Vovan(ator), ещё лет 10 назад, твоя аргументация прокатила бы, но не сегодня. Или ты много знаешь людей отключающих JS на своём устройстве с Touchscreen??