Алтернатива для ":hover", Touchscreen, без ява-скрипт
Привет всем,
кто подскажет хорошую альтернативу для эффекта ":hover" на Touchscreen без ява-скрипт?
Я сейчас разрабатываю респонсивный сайт с многоэтажной навигацией,
и одним из условий является то, чтоб сайт работал примерно одинаково с и без ява-скрипт.
1) В мобильной версии видны только верхние пункты.
2) кликнув на один из основных, должны раскрываться подпункты следующего яруса.
3) но это должно происходить без перезарядки страницы.
Для "обычного" компа, без тачскрина, всё прекрасно работает при помощи :hover.
Для тача, нужно кликнуть на кнопку и чтоб она осталась открыта.
Не интересовался конкретно данным вопросом, но на сколько знаю, вроде без ява и нет решения, не видал, по крайней мере с год назад не нашёл не чего.
чтоб сайт работал примерно одинаково с и без ява-скрипт
-----
Гы... А как ты вообще представляешь изменение кучи параметров и произвольного набора контролов без скрипта?
:hover и так работает без яваскрипта, это псевдокласс css
смотри тут http://ruseller.com/lessons.php?id=523&rub=29
на Touchscreen без ява-скрипт
Для мобильных девайсов очень странное условие, по моему скромному мнению.
У него изначальные требования - без перезагрузки страницы и скрипта.
Конечная цель нашего урока - создание меню, которое быстро загружается и не требует JavaScript для эффектов при наведении мышки.
Всё гениальное как обычно простЕЕ чем ты это представляешь
Я обычно делаю первоначальную версию сайта так, чтоб он работал абсолютно без JS.
А потом, как всё работает, то можно и скрипт подключить.
Со скриптом естественно привлекательнее,
но изначально должна быть возможность пользоваться сайтом, даже если скрипт деактивирован.
До сих пор получалось
А как без перезагрузки по клику на менюшке откроется подменю?
но на сколько знаю, вроде без ява и нет решения
Ну вот и я тоже не нашёл ничего подходящего и работающего.
Есть предложения через :target, но чёт тоже не совсем то что нужно.
Придётся наверное делать с перезагрузкой и присвоением определённого класса.
А на случай если скрипт активирован, сделаю тогда попроще.
А как без перезагрузки по клику на менюшке откроется подменю?
В навигации, в норманом состоянии отключаешь видимость нижних подпунктов (через CSS).
А при помощи :hover ставишь снова блок на видимость. А всё открывается без перезагрузки.
Проблема только в том, что тачскрины не поддерживают :hover.
Там можно только кликать или не кликать.
Проблема только в том, что тачскрины не поддерживают :hover.
Там можно только кликать или не кликать.
Поэтому и вопрос.
Проблема только в том, что тачскрины не поддерживают :hover.
Там можно только кликать или не кликать.
http://web.izjum.com/css-open-on-click посмотри тут тогда, тоже css вариант, но через :active
До сих пор получалось
-----
У меня без скрипта даже форма на сервер не отправляется.
При этом об значительной части выполняемых скриптов Я ничего не знаю...
:active немножко неудачный вариант.
он срабатывает только когда кнопка нажата.
А как её отпускаешь, всё пропадает.
Ну тогда буду делать с перезарядкой.
тогда можно другие свойства использовать.
Я всё же надеялся, что уже что-то новое разработали и я о нём ещё не узнал
У меня без скрипта даже форма на сервер не отправляется.
А вот это прекрасно просто замечательно
представь себе, что у многих скрипты деактивированы, а у тебя всё только на скриптах...
Чел заходит к тебе на сайт, убеждается что нифига не работает и матюкаясь уходит
Именно по этому лучше делать чтоб всё изначально без скриптов работало.
А на тот случай, что у чела может быть скрипт активирован,
то можно это проверить и дать дополнительную выдачу содержания или функционала.
В итоге получается немного больше работы,
но вероятность того что сайт не работает, значительно снижается.
Именно по этому лучше делать чтоб всё изначально без скриптов работало.
-----
Ну не может мое работать без скриптов. Просто не может. И нет никакой возможности настроить его так чтобы оно работало без скриптов.
Потому как на сервер уходят сообщеня вида - в текстовом контроле 'myText' юзер нажал кнопку 'a'... или комбинацию 'ALT+b'...
представь себе, что у многих скрипты деактивированы
------
Да и бог с ними - шеф глянет на конфигураию и включит все обратно, при регулярном повторе - заменят мудрейшего мудака на кого-то вменяемого...
вероятность того что сайт не работает, значительно снижается.
------
Хи-хи... У тебя всего лишь остается некий сурогат необходимого функционала, при этом нужно внимательно следить за тем, чтобы та часть бизбес-логики, которая доступна при отключенных скриптах, могла хоть как-то функционировать, а не создавать дополнительные проблемы...
Блять, да вы про разные скрипты говорите.
А по теме - сегодня никто не делает сайты без JS. Vovan(ator), ещё лет 10 назад, твоя аргументация прокатила бы, но не сегодня. Или ты много знаешь людей отключающих JS на своём устройстве с Touchscreen??
вы про разные скрипты говорите.
-----
Вообще-то - про клиентские. Какие именно - JS или VB - не критично.
Критично то, что есть много вещей, которые невозможно реализовать
без клиентского скрипта...
:active немножко неудачный вариант.
он срабатывает только когда кнопка нажата.
А как её отпускаешь, всё пропадает.
там есть пример, все работает, ничего не пропадает. ты глянь вначале
Или ты много знаешь людей отключающих JS на своём устройстве с Touchscreen??
не много, но знаю параноиков, которые отключают всё что даже только теоретически могло бы навредить
К стати тоже из админов на некоторых фирмах
Ну да и фиг с ними.
ты глянь вначале
Как я и предполагал всё гениальное просто,
Нужно только раскрыть глаза
Спасибо
Именно то, что надо
И без JS
Или ты много знаешь людей отключающих JS на своём устройстве с Touchscreen??
Я не часто с планшета смотрю сайты, и хз можно ли в дефолтном браузере отключить ява скрипты, но если можно, то с удовольствием бы отключил. Почему?
Я не параноик, но на многих сайтах этих скриптов как тараканов в помойке, так что сайт открывается с большой задержкой, а есть сайты на которых я заблокировал скрипты полностью, потому что они просто по чёрному тормозят, грузятся по несколько минут. Так же, на сайтах часто много лишних скриптов, всяких там рекламных и прочих собирающих инфу, что мне нах. не нужно.
Да и заходя на какой то новый, неизвестный сайт, где гарантия что он не заражён чем то, а тут лучше если все ява скрипты будут отключены по началу. Это конечно не гарантия что не подхватишь какую дрянь, но по крайней мере застрахуешься частично.
Я лично поддерживаю Vovan(ator), сайт должен работать как минимум полноценно и без скриптов, и тут без разницы что сегодня не 10 лет назад, и скрипты используются повсеместно, но если без них можно обойтись, то и нафиг они не нужны. Понятно что не везде можно без них обойтись, особенно сегодня, но чем их меньше, тем лучше.
<div class="link" onClick="if(document.getElementById('1').style.display=='none'){document.getElementById('1').style.display='block'}else{document.getElementById('1').style.display='none'}"> <img src="https://ui.germany.ru/photos/239958.100.jpg" alt="-" title="-" width="25" height="25" border="0" > <div id='1' style='display:none'> Когда-то, давным-давно нашёл для себя такое решение, которое впоследствии применил на практике. Возможно такой вариант? </div> </div>