Leaderboard

Программируют.

Можно например так, ссылка на первой странице выглядит следующим образом: <a href="page2.htm#0">Page 2, Tab 1</a> Где 0 - номер дива начиная с нуля. Тогда код на второй странице меняется так - добавляем ещё одну переменную в функцию initTabs - hash и получаем значение указанное при переходе по ссылке. var hash = +window.location.hash.slice(1) || 0; || 0 - форс мажорный случай когда произошёл обычный переход, устанавливает переменной значение 0, то есть - показываем нулевой блок. Если не нужно ничего показывать можно поменять на - || NaN. После чего вставляем переменную hash в вышеприведённый код вместо нуля: if (i != hash) { div[i].style.display="none"; } else { div[i].style.display="block"; } И в принципе должно работать. Это самый примитивный способ, для начала. Потом можно попробовать пример с идентификаторами.

Используй вместо картинки градиентные свойства для нормальных браузеров, а для ИЕ6-9 полоску фона,длинюющуую. 2000x1

if (i != 0) { div[i].style.display="none"; } else { div[i].style.display="block"; } Вот здесь указывается какой блок должен быть показан при загрузке. На данный момент стоит 0 - то есть первый блок. Если в дальнейшем придётся указать какой то другой блок, естественно значение можно поменять. А что бы спрятать их просто в css пропишите: #container div {display: none;} И уберите из JS выше выделенный код. Либо если не трогая css то замените его на: div[i].style.display="none"; Тогда блоки будут всегда показаны с отключённым JS и скроются только после исполнения этой функции.

Зависит от ваших интеллектуальных способностей. Это из разряда надписей на стакане в Макдаке, что в нем горячий кофе. Очевидно же, что порции измеряются в порциях, а на изготовление коктейля не нужно 120 часов времени, да и за 2 секунды не справишься. А если я хочу заполнять форму с конца? А зачем шаги разделять? Простите, а вы кто? Ни одна форма под разными ситуациями не выдержит. Даже ваша. И в чем суть претензии? Есть, сэр. Всегда приятно выслушать конструктивную критику.

Чёта я вообще не понял что куда и кто где. Особенно взрыв мозга когда идёт куча реплик и тока одному Русу известно кто их говорит

Тоже выскажусь по представленным дизайнам. Похожие моменты в некоторых случая упускала, но в целом мнение следующее: Petro21 Плюсы: 1) Предусмотрена возможность добавления/удадаления игридиентов Минусы: 1) Нет никакой системы. 2) Не соблюден вертикальный и горизонтальный ритм. 3) Грязно. 4) Нет единой стилистики шрифтов Verder Плюсы: 1) Все красиво, чисто, глянцево. По маковски. 2) Использованы стандартные поля. Если стандартные предусматриваются для всех браузеров, то вообще отлично. 3) Чистые, приятные шрифты. 4) Большая и уменьшанная фотографии. Минусы: 1) Невозможно добавить новые или убрать лишние поля. 2) Слайдер для выбора ряда опций. Показать списком, имхо, только запутывает. 3) Радиокнопки в выборе крепости коктейля. Идея понятна - отобразить крепость, но в таком виде радиокнопка выглядит как уже отмеченная. s0rr0w Плюсы: 1) Красивый чистый дизайн 2) Информация подается небольшим порциями, по шагам, не шокируя сразу объемом пользователя. 3) Понравилась линейки для выбора порций, времени, сложности. 4) Возможность добавления ингридиентов. Минусы: 1) Непонятно как добавляются и удаляются игридиенты. 2) Листалка бокалов - хотя и визуально показан вид бокала (плюс), быстро вернуться к каком-либо определенному пункту - проблематично. Temiks Плюсы: 1) Разделение информации. 2) Компактная подача первой страницы. 3) Возможность быстро вернуться на предыдущий шаг Минусы: 1) Много графического шума. 2) После введения данных в текстовые поля невозможно понять для чего это поле служит. AnnaP Плюсы: 1) Разграничение в подачи информации 2) Возможность быстро вернуться на предыдущий шаг Минусы: 1) Не хватает "воздуха", особенно на первой вкладке. Всё скомпановано слишком тесно. 2) Показывать всплывающую картинку бокала при наведении - не очень удачное решение. Т.к. перекрываются другие поля и создаеся графический шум. ctpz Таки скачала psd. Увидела лишь одну страницу типов. Как всё остальное должно выглядеть - не понятно. Играть в угадайку со слоями совсем не хочется. По тому, что увидела, говорить особо и нечего - черно, мрачно, активный пункт не показан. Shader Плюсы: 1) Интересная идея и неплохая попытка её реализации. Растешь 2) Возможность добавить новый ингридиент. 3) Информация по шагам. Минусы: 1) Много лишней графики (стаканы, шейкер) в ущерб полезному пространству. 2) Мелко. 3) Поля и шрифты под наклоном тяжело воспринимаются, а их еще и заполнять надо. 4) Вторая страница лишь занимает лишнее место, информация в ней по сути не меняется. Её можно было бы вынести вверх страниц, либо во вкладки блокнота. cheburek Плюсы: 1) Основная информация выдлена и заметна. Минусы: 1) Несмотря на попытку структурировать информацию, форма получилась всё-таки сложной для заполнения - взгляд разбегается. 2) Несогласованные шрифты. paracelso Плюсы: 1) Быстрое переключение между вкладками и возврат к любому шагу. 2) Показан вид бокала. 3) Показано поле с фокусом. Минусы: 1) Шрифты. 2) Огромные вертикальные отступы. 3) Слишком большая прозрачность, из-за этого много шума. 4) Поля выглядят грубовато и грязновато. Gidroplan Плюсы: 1) Возможность добавления ингридиентов. 2) Понятная логика заполнения формы. 3) Понятная шкала сложности. Минусы: 1) Текстовые поля - мелкие. 2) Чекбоксы выглядят как радиокнопки. d4rk5eed Плюсы: 1) Попытка уменьшить информационный шум путем разграничения вводимой информации (аккардеон) 2) Попытка в удобной визуальной форме отобразить сложность, крепость и время приготовления. 3) Возможность прикрепить фотографию к каждому шагу приготовлениия. Минусы 1) Реализация всё-таки подкачала. 2) Не везде понятно что к чему. 3) Выбор ингридиент просто убийственный. exessqd1 Плюсы 1) Все разбито по шагам. 2) Различные подсказки по заполнению полей. 3) Чистое приятное оформление. 4) Напоминание о том что во вкладке есть незаполненные обязательные поля. 5) Понравились слайдеры. 6) Страница подтверждения. Минусы: Вот блин, а придраться-то по сути и не к чему Хотя, наверное, с выбором ингридиента, всё-таки немного сложновато. Работа действительно очень приятная и достойная.

мне больше нравится e.preventDefault()

<div id="ddd" style="line-height:20px;"> text text text </div> alert(document.getElementById('ddd').style.lineHeight); Если в примере выше убрать стили для id="ddd", то тогда в системном окне будет пустота. Как определить значение line-height у тега, если line-height не задаётся через стили, а наследуется от родителя, например тега body? На jQuery есть функция css('line-height'), которая выводит это значение (в некоторых браузерах даже normal выводит). И ещё тогда вопрос. Как определить реально установленный в браузере line-height для строки, если это свойство имеет значение "normal". Могу ли я получить не "normal", а число в пикселях, пунктах или ещё в чём-то конкретном и измеряемом. Спасибо.

Fraunhofer