April 27th, 2010

cat with many words

Горизонтальное css-меню

Для сайта fistashki.org потребовалось доработать меню для обеспечивания корректной работы выпадающих подменю. При этом пункты, над которыми наводилась мышь, должны были подсвечиваться зеленым цветом, в том числе и пункт меню, соответствующий текущей странице, который в обычном состоянии должен был быть черным. Кроме того, в раскрывающемся списке ширина пунктов должна определяться по ширине самого длинного пункта меню.

Работа была произведена, меню работает в ie6-8, FF 2.0+, opera 9.6+, safari 4 и chrome 4 (две последние версии указаны такими просто потому, что под рукой не было более ранних версию браузеров для проверки).

Изначально хотел описать создание меню по шагам с остановками на всех встреченных багах, но прошел месяц, и могу только наметить общие технические приемы, которые были применены.

И да, поиск в интернете показал, что это чуть ли не единственная реализация, которая стабильно правильно работает в IE8! Продолжительные аплодисменты, переходящие в бурные овации.

Collapse )
Оригинал: http://blog.dpetroff.ru/tech/horizontal-css-menu
cat with many words

Прокрутка в текстовых полях во Flash

Если забивать текст в объект типа textField во флеше, то порой проявляется эффект, когда при выделении текст начинает прокручиваться, при этом визуально пространства тексту хватает. Решением является отказ в постоянном использовании свойства autoSize и добавления небольшого зазора по высоте вручную.

var padding = 2;
textField.autoSize = true;
textField.html = true;
textField.htmlText = yourText;
 
var th = textField._height;
textField.autoSize = false;
textField._height = th + padding

Код для AS2.


Оригинал: http://blog.dpetroff.ru/tech/textfield-scrolling-autosize