Расширение input по мере набора текста - JavaScript, Ajax

three_cats · 12.01.2014, 18:59

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

Рустам · 12.01.2014, 21:11

как вариант )))

Код:

<!DOCTYPE html>
<html>
    <head>
        <title>сайт</title>
        <meta charset="windows-1251">
        <meta name="viewport" content="width=device-width"> 
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>
            function set_width() {
                var inpt = $('#inpt').val();
                    if (inpt.length > 13 ) { $('#inpt').width(inpt.length*6); } // цифарки 13 и 6 подбери опытным путём )))
            //    if (length(inpt.text()) > 20) {width = inpt.width+2; inpt.css({'width': width});}
            }
        </script>
    </head>
    <body>
        <div>
            <input type="text" id="inpt" onkeydown="set_width()">
        </div>
    </body>
</html>

three_cats · 13.01.2014, 07:56

Спасибо, но почему-то вначале съезжает...

Рустам · 13.01.2014, 12:48

Цитата:

Сообщение от three_cats

Спасибо, но почему-то вначале съезжает...

Код:

(inpt.length > 13 ) { $('#inpt').width(inpt.length*6)

подбери эти значения (выделены красным) по своему усмотрению и всё будет...

12.01.2014, 18:59	#1
three_cats Форумчанин Регистрация: 27.09.2012 Сообщений: 175	Расширение input по мере набора текста Нужно, чтобы, когда пишешь текст, по мере выхода за область ввода, эта область сама расширялась. Никто мой блог

13.01.2014, 07:56	#3
three_cats Форумчанин Регистрация: 27.09.2012 Сообщений: 175	Спасибо, но почему-то вначале съезжает... Никто мой блог Последний раз редактировалось three_cats; 13.01.2014 в 08:03.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Поиск значения по мере ввода	Mortimoro	JavaScript, Ajax	3	09.09.2013 08:33
Определение скорости набора текста в Delphi	lacasombra	Помощь студентам	2	23.04.2013 13:43
datagridview - позиционирование по мере набора текста	andrew_jr20	C# (си шарп)	1	23.11.2011 23:37
Контроль состояние набора текста в Edit. Delphi	S_Yevgeniy	Помощь студентам	2	07.06.2010 12:06
Программа для набора готового текста в текстовый редактор	brick	Помощь студентам	13	03.09.2009 09:26