А подскажите, пожалуйста, как height:10%; прикрутить к доктипу XHTML 1.0 Transitional.
И вообще, может у кого есть ссылочка на современное русское описание CSS. А то я чувствую, что моих знаний недостаточно... вернее, отсутствия знаний недостаточно...  

Это сообщение отредактировал(а) Ghirik - 9.2.2008, 22:40

AKS, скорее у меня мозги не всегда соображают, как ими воспользоваться . Вот и тут - параметры я еще могу представить, как заclosur'ить, но вот как через closures "захватить и удержать" сами анимированные объекты, особенно когда их много, без размножения таймеров - пардон, откровенно туплю. Буду весьма благодарен за подсказку. И за указание на промахи по части производительности тоже.

Ghirik, про CSS тут неплохой справочник, еще неплохо здесь написано. Но многое легче запоминается не по справочникам, а из практики. Например, то, что размеры в процентах наследуются только от явно указанной высоты, и если нужны проценты от экрана, то необходимо указывать 100%-ю высоту, начиная с корневого элемента - html, body { height: 100%; }. Хотя здесь это оффтопик ;)

Как там у Шерлока - "Ну, когда-то я это знал, а потом изрядно забыл"  
SelenIT, спасибо. Ни фига не оффтопик, а конкретная рекомендация по использованию кода, выложенного в этой ветке.  

Вот, я тут свой вариант нарисовал:



Ну шибко доволен результатом  
Понравилось глобализовать массив через document.getElementsByTagName. И очень легко, можно менять поведенчиские свойства всех дивов страницы через отбор по классу при начальной загрузке. Даже id не требуется.... Немного изменив основную функцию, можно приводить элементы к заданным размерам и по вертикали, а направление раскрывания определить стилями.

Особенно хорошо IE анимирует...


Это сообщение отредактировал(а) Ghirik - 10.2.2008, 01:07

Да я имел ввиду то, что можно сделать в точности, как у Вас (с сохранением ссылок на DOM-узлы в объекте), просто еще вместо хранения параметров анимации в св-вах функции anim "засунуть" их в переменные функции. Вот, примерно так:

AKS, с основными принципами позиционирования знакома, но вот сделать увеличение ширины в лево не получилось. 

AKS, 

По сравнению с таким способом у способа SelenIT'а есть большое преимущество - параметры для настройки можно писать практически в любом месте программы. а в Вашем - нужно ковыряться в исходном коде функции. т.е. Нельзя , к примеру, в библиотеку запихать , которую потом минифицируют или упакуют...

ksnk, еще напишите, что необходим интерфейс, который бы позволил принимать вводимые посетителями сайта параметры для анимации (размер, задержка). 
И зачем "ковыряться" в функции – установил нужные константы и все. А то, что варьируется можно передавать вместе с id/direction. Да и "поковыряться", если что, в функции можно – лучше, чем ковыряться в носу от безделья и лени. ;)

Enya, у Вас не получается с тем примером, что я написал вчера?

AKS, да, не вышло.

Enya, честное слово - не знаю, почему у Вас не "вышло". Вот такие правила css расположат блок (внутренний) посередине документа, а "выдвигаться" он будет влево:


А вчерашний вариант должен был позволить блоку "раздвигаться" в обе стороны. Ей богу не пойму, почему у Вас все иначе...

А для другого приложения - установил новые параметры и все...? И для третьего... А функция обязана сидеть в той html'е , в которой применяется, а совсем не в отдельной библиотеке? слишком много ограничений...
Вообще-то более разумно , imho, было бы хранить такие границы в html разметке. Вдруг кому-то понадобится оранизовать какую-то сложную систему менюшков...

ksnk, для того, чтобы функция "сидела" в библиотеке, она должна быть универсальной. Сумеете написать такую? Да нет, конечно. Даже, если получится "накропать" что-то, претендующее на готовое решение "на все времена", то это должно получиться нечто монструозное. А Вам ведь известно, к чему могут привести попытки унификации.
Если говорить конкретно о "системе менюшков", то любые эти min/max будут совершенно непригодны. Простое увеличение шрифта превратит такую "систему" в "кашу".
Я это все к тому, что js-библиотеки - это утопия. Осознание этого приходит с пониманием того, насколько нестабильно окружение, в котором должна быть выполнена js-программа. На мой взгляд, "терапия" должна иметь в своем распоряжении инструмент, заточенный под конкретную задачу. И чем он острее (тоньше, если угодно), тем он эффективнее. 
А приведенные здесь примеры все непригодны - они хороши лишь для "тренинга". В нашем случае, например, функция должна обязательно получить id элемента, а это уже немалое ограничение. Удобно ли ее использовать при установке обработчиков посредством addEventListener/attachEvent?

Это сообщение отредактировал(а) AKS - 10.2.2008, 15:36

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

Немного позанимался исследованием возможного применения такого вида всплытия, и вот к каким результатам пришел.

В варианте с хэшем можно смело использовать style.clip. Для кроссбраузерного присвоения начальных значений следует делать такую запись.



Это, если вы используете строгий или переходный доктайп.
Первая строчка по спецификации, вторая для IE(  ).
Еще лучше, эти строчки прописать прямо в тэгах.

Из JavaScript-а значения clip прописываются нормально с запятыми, и в IE, и в остальных.
Если потребуется доставать clip:rect, можно воспользоваться подобным выражением:



Эта строка достает из 'rect(auto, auto, auto, 40px)'  значение 40 и делает его числовым.

В выложенном мной варианте использовать clip у меня не получилось. Основная причина, циклическое считывание действующего значения clip:rect полностью забирает ресурсы. Но мой вариант хорошо заработал с уводом дивов в отрицательные значения, за экран. Выложить работающий код пока не могу, потому, как писал скрипт под специфическую задачу. Если потом сделаю универсальный вариант - покладу сюда.

Отлично работает ещё один вариант. Мне, кстати, он понравился больше всего.  

Вместо дивов я использовал изображения, генерируемые "на лету" php функцией (imagettftext()) и возвращаемые в скрытый фрейм. Работает это молниеносно, и очень годится для информирования в реальном времени посетителей сайта.

Примерно так...

Я прошу прощения, бессмысленный оказался пост, модераторы, удалите пожалуйста.

Это сообщение отредактировал(а) Ghirik - 15.2.2008, 22:10

SelenIT, 
Переделал ваш шикарный скрипт для себя. Он теперь у меня работает с привью картинок, пока всё симпатично.

Но вот никак не могу домыслить как сделать так чтобы картинки увеличивались пропорционально во все стороны а не от верхнего левого угла.
И вообще это реально?



зы: я грэйв диггер