Время для прочтения: 0 мин. 0 сек.

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

13 комментариев

по хронологии
по рейтингу сначала новые по хронологии

Привет! Было бы просто замечательно, если бы добавляли демки. Ведь всегда приятно сразу увидеть конечный результат в действии.

Нет,я не лентяй=)

Автор
Кобзарёв Михаил

В планах уже есть нечто подобное. Спасибо за замечание.

Спасибо! Как раз то что искал. Но только почему то у меня не работает в мозиле, при фокусе пропадает плейсхолдер, поле не увеличивается и писать в него нельзя =( Может знаете в чем проблема?

Автор
Кобзарёв Михаил

Пример покажите? И какая у вас версия FireFox?

Приветствую.

Искал подобное решение и пришел к вам. Только мне нужно было, чтобы это увеличение было справа налево, так как поле поиска в правом верхнем углу.

Нашел решение здесь http://thefinishedbox.com/freebies/scripts/jquery-animated-search/.

Работает в ie8, moz 21, opera 12.11, chrome 27

в старших версиях не проверял.

Удачи!

Алексей

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

Автор
Кобзарёв Михаил

посмотрите ссылку, что привел Александр - там решение вашей проблемы

Алексей

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

Автор
Кобзарёв Михаил

Я поправил свой пример, вы так хотели?

Алексей

Да, всё так. Спасибо

Горожанин

textarea:focus {
width: 500px;
}
И никаких сниппетов

:focus в input:text для ie6 ))) я вас умоляю)))

2010 год на дворе. О CSS3 браузеры еще не знали, чтобы делать анимацию красивую