Разное оформление для посетителей с JS и без
 

Здравствуйте.
Необходимо, чтобы для посетителей без JS было простое меня в виде длинного списка, а для посетителей с JS было совсем другое меню на JS. В голову приходит только замена простого меню на "навороченное" по средствам JS и DOM. Но если простое меню поместить в div, и его содержимое переписывать после полной загрузки этого div-а, тогда простое меню успеет отрисоваться на экране, что нехорошо (можно конечно попользоваться свойством visibility). Ещё один минус - это загрузка кода простого меню, даже если он тут же будет удален. Посоветуйте, как лучше это реализовать, и может есть способ, при котором если есть JS, сразу будет загружаться код с "навороченным" меню.

Интересно, что подразумевается под меню на JS, это как?

Это меню для работы которого будет использоваться JavaScript :)

при загрузке сразу проверять включён ли скрипт и как вариант делать редирект на страницу для пользователей с включённым скриптом(плохой вариант с точки зрения поисковиков)
хороший ставить куку/сессию и при переходе выдавать уже страницу в необходимом виде-не есть хорошо со стороны юзебилити.

Спасибо dmitriymar, но это ещё хуже чем мой вариант с DOM :)

fry2,
Обычно делают просто меню которое и без js работает, а с его помощью просто добавляют какие-то эффекты, не мешающие нормальной работе. Или же вы хотите как-то кардинально изменить вид?

Возможно придется поступить именно так, раз нет простого решения :(

Хочется чтобы было как можно меньше ограничений моей фантазии :)

а кто говорил что это хорошие варианты?
хороший вариант -сайт в независимости от того есть скрип,нет должен выглядеть одинаково и функционировать одинаково.Скриптом можно сделать альтернативную работу меню(эффекты,доступ в меньшее колво кликов...),дополнительное альтернативное меню ,но не координальную замену существующему

fry2,
Ну так верстайте простое меню, а если включен JS, удаляйте его из DOM и новое создавайте, совсем другое, со всеми свистелками

ограничение для фантазии -юзебилити:D
и кто его будет читать?
Вам стоит почитать книги по построению интерфейсов
например эту http://tav.su/143155-proektirovanie-...yustraciy.html

Сейчас подумал, если JS есть, можно делать div с меню невидимым свойством visibility, а "навороченное" меню догружать после загрузки всего кода страницы, переписывать div с меню и делать его видим. Тогда и простое меню не будет успевать отрисовываться на экране и загрузка дополнительного кода будет происходить когда уже большая часть страницы загрузилась.

Только как сделать свойство visibility:hidden у элемента который ещё не загузился?

Юзебилити у меня на первом месте!

Оно не такое уж большое, порядка 100 пунктов :) разбитых на группы с заголовками.

Спасибо, обязательно почитаю, но думаю что там все безнадежно устарело :)

та да,это не большое-это огромное. раз так в 15 больше чем рекомендуют макс пунктов.:blink:
ошибочно думаете.
также никогда не устаревают поведенческие реакции человека

fry2,
смело ставьте скрипт сразу после элемента. Он успеет исчезнуть гораздо раньше, чем пользователь его заметит

Если уж хочется прям точно так, то делается это следующим образом:

<script>
  document.write('<style>.simpe_menu {display:none}</style>')
  //код вашего суперменю
</script>
<div class="simpe_menu">
  //код вашего простого меню
</div>