14.05.2012 20:38:32 Как сделать красивый textarea Сообщение #1
ken15
Эксперт
Дата регистрации:
11.05.2012 19:59:33
Сообщений: 89
все равно не работает отредактируйте строку и напишите плиз
Уроки и статьи
Подписка
Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.
Мой аккаунт
Моя группа
Опрос
Каким движком Вы предпочитаете пользоваться?
Бесплатный курс
Программирование на Python для начинающих
Бесплатный курс по Python даст Вам всю необходимую базу для начала программирования на языке Python. В курсе Вас ждёт множество уроков (больше 4-х часов видео), исходников и упражнений.
Чтобы получить Видеокурс,
заполните форму
Бесплатный онлайн-семинар
11 шагов к созданию своей Web-студии
После семинара:
- Вы узнаете главное отличие богатых от бедных.
- Вы увидите разоблачения множества мифов об успешности и о бизнесе.
- Вы получите свой личный финансовый план прямо на семинаре.
- Мы разберём 11 шагов к созданию своей успешной Web-студии.
- Я расскажу о своих личных историях: об успешных и неуспешных бизнесах. Это мой многолетний опыт, которым я поделюсь с Вами.
Умные цитаты
Жизнь — как вождение велосипеда. Чтобы сохранить равновесие, ты должен двигаться.
Альберт Эйнштейн
Форум сайта MyRusakov.ru
Как сделать красивый textarea
16.05.2012 04:08:52 Как сделать красивый textarea Сообщение #2
brussens
Мега-мастер
Дата регистрации:
11.10.2011 22:50:07
Сообщений: 438
echo "<textarea style = 'height: 80px;' rows='10' name='text_comment' onclick=\"this.style.height='100px'\"></textarea>";
примерно вот так
17.05.2012 14:47:05 Как сделать красивый textarea Сообщение #3
ken15
Эксперт
Дата регистрации:
11.05.2012 19:59:33
Сообщений: 89
а вот получилось только я хочу чтобы после того как я убуру мышку с textarea она опять превращалась с высотой 80
17.05.2012 15:13:05 Как сделать красивый textarea Сообщение #4
brussens
Мега-мастер
Дата регистрации:
11.10.2011 22:50:07
Сообщений: 438
В jquery читайте документацию по наведению мыши, там примерно для такого скрипта нужно около пяти строк кода.
Подсказка: событие focus();
Подсказка: событие focus();
12.06.2012 11:31:26 Как сделать красивый textarea Сообщение #5
soffrick
Новичок
Дата регистрации:
11.05.2012 18:08:46
Сообщений: 14
onmouseover="this.style.height='100px'"
onmouseout="this.style.height='80px'"
или же
onfocus="this.style.height='100px'"
onblur="this.style.height='80px'"13.09.2012 23:46:37 Как сделать красивый textarea Сообщение #6
malina95
Мастер
Дата регистрации:
15.07.2012 07:13:44
Сообщений: 208
Это очень легко делается через css
Ниже рабочий пример
Ниже рабочий пример
13.09.2012 23:52:39 Как сделать красивый textarea Сообщение #7
malina95
Мастер
Дата регистрации:
15.07.2012 07:13:44
Сообщений: 208
textarea {
border: 1px solid #AAA;
padding: 3px 5px;
color: #888;
width: 200px;
box-shadow: 0px 0px 5px #CCC;
transition: all 300ms ease-in;
border-radius: 10px;
height: 50px;
}
textarea:hover {
border-color: #66cccc;
box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
}
textarea:focus {
border-color:#56b4ef;
box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
height: 500px;/* можешь написать любую длинну */
}
27.09.2012 17:56:21 Как сделать красивый textarea Сообщение #8
malina95
Мастер
Дата регистрации:
15.07.2012 07:13:44
Сообщений: 208
Я забыл добавить одну мелочь...
Чтобы он красиво и плавно увеличивался то это можно сделать через transition ,
А как сделать его кроссбраузерным смотрите в гугле
Чтобы он красиво и плавно увеличивался то это можно сделать через transition ,
А как сделать его кроссбраузерным смотрите в гугле