14.05.2012 20:38:32 Как сделать красивый textarea Сообщение #1
ken15
Эксперт
Дата регистрации:
11.05.2012 19:59:33
Сообщений: 89
все равно не работает отредактируйте строку и напишите плиз
Уроки и статьи
Подписка
Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.
Мой аккаунт
Моя группа
Опрос
Каким движком Вы предпочитаете пользоваться?
Бесплатный курс
Бесплатный курс по JavaScript, jQuery и Ajax
Из этого курса:
- Вы узнаете синтаксис JavaScript
- Вы узнаете базовые вещи по JavaScript
- Вы увидите примеры использования JavaScript
- Вы увидите пример использования jQuery
- Вы узнаете, что такое Ajax, а также увидите пример из практики
Чтобы получить Видеокурс,
заполните форму
Бесплатный онлайн-семинар
Создание лендингов на заказ
Придя на семинар:
- Вы узнаете мою историю, как я начинал создавать сайты на заказ.
- Вы узнаете, почему сейчас самое время начать этим заниматься.
- Вы получите очень подробный пошаговый план действий по созданию и продвижению своей Web-студии с комментариями, в том числе, и в виде PDF.
- Вы узнаете, как и где найти сотрудников, как общаться с заказчиками.
- Вы узнаете, как максимально автоматизировать бизнес-процессы.
После семинара Вы уже самостоятельно сможете, следуя простому и подробному плану, открыть свою 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 ,
А как сделать его кроссбраузерным смотрите в гугле