Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 34
Я этот подход использую для разделов сайта, на которых обязательна поддержка JavaScript.
Если javascript выключен — пользователь видит страницу, на которой отражено требование включить javascript а так же рекомендации как это сделать в браузере.
Если javascript выключен — пользователь видит страницу, на которой отражено требование включить javascript а так же рекомендации как это сделать в браузере.
Нифига подобного: пользователь видит всё ибо во многих браузерах, не поддерживающих JavaScript, нет и поддержки CSS. Причём речь идёт не только о текстовых браузерах — скажем Netscape до 6й версии реализовывал CSS через JavaScript и если JavaScript был отключён — CSS отключался тоже. Гораздо, гораздо чаще всречается не ситуация когда CSS есть, а JavaScript'а нет, а ситуация когда JavaScript вроде как есть, но, скажем так, специфический. Всякие PSP и Wii, например. Этот подход в такой ситуации помогает мало.
Я не очень представляю себе где бы этот подход можно было использовать практически…
Я не очень представляю себе где бы этот подход можно было использовать практически…
На мобильных браузерах — там как раз ситуация {css:1,js:0} очень частая, потому как javascript отключать легко (опыт работы с nokia browser и opera mobile), а css отключить нельзя, да и обычно не сильно надо. Процент таких клиентов явно больше процента странных нестандартных браузеров. )
Хотя это всё имхо, статистику не изучал.
Хотя это всё имхо, статистику не изучал.
поправьте орфографию, везде слово «вкючён»
Все хорошо, на зачем вы тегу <script> ставите устаревший атрибут «language»?
ну и document.write () не работает для xhtml
Чтобы обойтись без
document.write можно просто назначить с помощью javascript класс (например, .with-js) на элемент html и в дальнейшем уже писать стили с селекторами, опирающиеся на него (например, .with-js .script или .with-js .noscript)
В смысле не работает? Можно по-подробнее?
например кнопочку «Обновить комментарии»В данном случае, ИМХО, корректнее сделать graceful degradation и повесить на эту кнопку простую ссылку.
Хотя… Тут, возможно, дело вкуса.
Конечно, есть <noscript> но он реализует только часть логики — он скрывает часть кода если javascript включён.
<noscript> «реализует» 100% логики. Нужно начать, просто, с того, что он ничего не призван скрывать. Он наоборот отображает элементы при отключенном JavaScript. Поэтому мне кажется абсолютно нецелесообразной вся эта свистопляска с добавлением классов отображающих или скрывающих элементы.
К этому можно добавить _возможные_ проблемы с поисковыми машинами из-за скрытого текста.
то что в noscript поисковые роботы игнорируют, а вот то что в скрытых областях — индексируют. При работе в seo-конкурентных областях такие теги могут стать причиной жалоб модераторам Яндекса.
то что в noscript поисковые роботы игнорируют, а вот то что в скрытых областях — индексируют. При работе в seo-конкурентных областях такие теги могут стать причиной жалоб модераторам Яндекса.
Интересная задумка, тока насчет применения не уверен, хотя автор думаю, как раз сталкивался с ситуацией, когда это дейтсвительно нужно.
Разве нужно что-то еще, когда уже все придумано и отлично работает?
Кратко
<html id=«nojs»>
#nojs .b-blah {
display: none;
}
document.documentElement.id = «js»
#js .b-blah {
display: block;
}
company.yandex.ru/experience/css-framework/practice.html
<html id=«nojs»>
#nojs .b-blah {
display: none;
}
document.documentElement.id = «js»
#js .b-blah {
display: block;
}
company.yandex.ru/experience/css-framework/practice.html
На сколько мне помнится, «inherit» поддерживается не всеми браузерами.
Вот правильный, в вашем случае, код:
(Валидно и кроссбраузерно, если что)
<style type="text/css">.script{display:none;}</style>
<script type="text/html">
<style type="text/css">.script{display:block;}</style>
</script>
(Валидно и кроссбраузерно, если что)
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Вместо тэга <noscript> стили .script и .noscript в CSS