С помощью чего реализовать?

Question

[art style]

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

Comments

[STINGRAY_DEVELOP]

Одним CSS не обойтись.

[Pavel O]

Думаю на чистом css это реализовать можно с помощью связки

/* html */
<label for="test">
.....
<input type="radio" id="test">
<div class="madal">text</div>

/* css */
input[type="radio"]:checked+.madal{
// стили, анимация для отображения окна
}

Соответственно input и label могут быть разбросаны по документу как угодно, ведь они связаны через for-id. Окно должно идти сразу после input т.к. применяется "+" в css.

Однако это очень замороченный способ. Лучше всё же использовать js, тем более что вероятно есть плагины/модули реализующие механику отображения мадальных окон и переключения между ними.

Answer 1

[Анатолий Куликов]

Мне видимы три пути решения проблемы:

1. Берем JS и делаем вывод окошек. Это в принципе не сложная задача, но необходимо знание js (библиотека jQuery на мой взгляд излишняя). Данный вариант, пожалуй, самый правильный и даст тот результат0 который вам нужен.
   
2. То, что вы описали, похоже на модное сейчас направление Квизов - погуглите, скорее всего найдете какой-то вариант генератора.
   
3. Создаем под каждое окошко отдельный html-документ, из них составляем цепочку. затем всех вместе вставляем через iframe (чтобы страница не перегружалась). Самый неправильный вариант, но и его в крайнем случае можно использовать.