Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Растягивание input по мере ввода текста
 
 автор: maxam   (23.08.2009 в 17:41)   письмо автору
 
 

Как сделать растягивание input по мере ввода текста?

Т.е. изначально он например
<input type="text" name="name" size="2" value=""/>


А когда пользователь вводит текст, становится, к примеру
<input type="text" name="name" size="4" value="name"/>

  Ответить  
 
 автор: PAT   (23.08.2009 в 19:06)   письмо автору
 
   для: maxam   (23.08.2009 в 17:41)
 

<input type="text" name="name" size="2" value="" onfocus="this.size = 4" onblur="if (!this.value) this.size = 2" />

  Ответить  
 
 автор: Maxam   (23.08.2009 в 19:58)   письмо автору
 
   для: PAT   (23.08.2009 в 19:06)
 

Видимо объяснил не так. Мне не нужно size="4", мне нужно чтобы size был равен количеству введёных букв!

  Ответить  
 
 автор: Maxam   (23.08.2009 в 21:18)   письмо автору
 
   для: PAT   (23.08.2009 в 19:06)
 

Вообщем, я уже сделал по-другому, но на будущее хотелось бы узнать, как всё таки можно сделать так, как я написал выше. Спасибо.

  Ответить  
 
 автор: PAT   (23.08.2009 в 21:23)   письмо автору
 
   для: Maxam   (23.08.2009 в 21:18)
 

<script>
var OBJ, TIM;
function SizeInput ()
{
var len = OBJ.value.length;
OBJ.size = (len > 1) ? len : 2;
TIM = setTimeout (SizeInput, 10);
}
</script>

<input type="text" name="name" size="2" onfocus="OBJ = this; SizeInput ()" onblur="clearTimeout (TIM)">

  Ответить  
 
 автор: Maxam   (24.08.2009 в 23:40)   письмо автору
 
   для: PAT   (23.08.2009 в 21:23)
 

Спасибо.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования