Пока псевдо 3д. :) Можно крутить слои мышкой и переворачивать за центральные кубики. Также работает и на мобильных девайсах. Можно крутить слои кнопками r - по часовой правая, R - против часовой правая и по аналогии остальные, l/L, u/U, d/D, f/F, b/B, m/M, s/S, e/E, x/X, z/Z, y/Y. Есть развертка кубика. Можно выполнять алгоритмы. Формат записи любой(d и Dw). Автоматическая инверсия алгоритма. OLL, PLL, F2L, OLL OH. OLL OH взято с © Kchiuk. Все это постепенно дополняется и дорабатывается. Вторая версия выйдет в нормальной проекции в 3д.
Пятнашки
2 | 5 | 4 | 6 |
1 | 13 | 11 | 3 |
14 | 12 | 7 | 10 |
8 | 15 | 9 | 0 |
Есть выпадающий список, в котором НЕ установленны некоторые значения value у option:
<select id = 'selectID' onchange='selectOnChange()'>
<option value='val1'>option1</option>
<option>option2</option>
<option>option3</option>
</select>
Для получения выбранного значения select устанавливаем обработчик события onchange. Для opera и firefox, можно воспользоваться значением value самого select-а, а вот IE "радует" нас в очередной раз и выбранное зачение можно получить только обратившись к таковому в массив options по индексу selectedIndex. При установленных значениях value в option в IE также можно получить значение из value самого select-a
Попользовав шаблонизатор для JavaScript, мне показалось, что в нем содержутся некие излишние данные в виде повторяющихся ключей в массивах значений. В этой редакции добавленна возможность устанавливать отдельно ключи, отдельно данные в обычных, а не ассоциативных массивах. Что позволяет существенно уменьшить объем передаваемого с серверной стороны кода.
В продолжение темы темплейтов вот пример того как можно использовать технологию шаблонов в JavaScript, на стороне клиента.
setCookie(key, val, time); | Установка cookie key = val на время time дней |
getCookie(name); | Получает значение cookie name |
RegExp - регулярные выражения. Подробнее читаем в wiki или еще здесь
Во всех браузерах, кроме естественно IE, мы получим высоту элемента. А в IE мы получим '0px'. (Как всегда у него все через Ж...).
В статье разбирается применение протокола data URI для создания графики.
Динамическая генерация изображений. А именно BMP файла.
На примере эффекта огня и вращающегося 3d куба показана реализация анимированной графики. С прицелом на эффекты и технологии демо дизайна: 3d кубик, блюр, огонь, линии.
НЕ РАБОТАЕТ в Intrnet Explorer. Но увидеть конечный результат можно и в нем.
<link href="file.css" type=text/css rel=stylesheet >
Коментарии собсно, в коде.
Здесь создается аналогичный функционал на на JavaScript.
Описываются расчеты координат сферы и поворот относительно центра в 3d.
Читаем статью