Как стать автором
Поиск
Написать публикацию
Обновить

Вместо тэга <noscript> стили .script и .noscript в CSS

Время на прочтение1 мин
Количество просмотров5K
Иногда, крайне редко нужно скрыть, либо показать часть тегов в том случае если javascript включён, либо выключен.
Конечно, есть <noscript> но он реализует только часть логики — он скрывает часть кода если javascript включён. Скрыть часть кода, если javascript выключен стандартной возможности нет.
Точнее есть возможность добавить некий код при помощи скрипта, но не совсем то.

Что можно сделать вместо этого?

Добавить в заголовок код:
<style type="text/css">.script{display:none;}</style>
<script type="text/javascript" language="JavaScript">
document.write('<style type="text/css">.noscript{display:none;} .script{display:inherit;} </style>');
</script>



В случае если javascript выключен, будет активен стиль
.script{display:none;}


Им можно пометить кнопочки, выполняющие ajax-овые действия и т.п.
например кнопочку «Обновить комментарии»


В случае если javascript включён, этот стиль будет перекрыт другим
.noscript{display:none;}
.script{display:inherit;}


стилем noscript можно пометить альтернативные элементы управления.

Конечно, без всего этого можно легко и обойтись. :)
Теги:
Хабы:
Всего голосов 63: ↑50 и ↓13+37
Комментарии34

Публикации

Ближайшие события