Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.11.2010, 22:39
Интересующийся
Отправить личное сообщение для DmitryOpalev Посмотреть профиль Найти все сообщения от DmitryOpalev
 
Регистрация: 05.11.2010
Сообщений: 22

Длинна input`a
Здравствуйте!
У меня есть input, в которое заносят числа... как сделать так, чтобы длинна input`a подгонялась по ширине (кол-во символов = длине) ?
Ответить с цитированием
  #2 (permalink)  
Старый 29.11.2010, 22:53
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

<input size=1>
<script>
document.getElementsByTagName("input")[0].onkeyup = function () {
    this.size = this.value.length || 1;
};
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 29.11.2010, 23:12
Интересующийся
Отправить личное сообщение для DmitryOpalev Посмотреть профиль Найти все сообщения от DmitryOpalev
 
Регистрация: 05.11.2010
Сообщений: 22

А если будет несколько input`ов, то надо писать
...document.getElementsByTagName("input")[`x`].onkeyup...

А вместо x номер input`a?
Ответить с цитированием
  #4 (permalink)  
Старый 30.11.2010, 00:53
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Сообщение от DmitryOpalev
А вместо x номер input`a?
Необязательно

<script type="text/javascript">
window.onload = function(){
    input = document.getElementsByName("test"), i = input.length;
    while(i--){
        input[i].onkeyup = function(){
            this.size = this.value.length || 1;
        };
    }
};
</script>
<input name="test" type="text" value="text1" />
<input name="test" type="text" value="text2" />
<input name="test" type="text" value="text3" />


Недавно, кстати обсуждали похожую тему. Там можете посмотреть как несколько обработчик можно повесить (в вашем случае возможно понадобится еще onchange, для того чтобы учитывать события если текст вставляется из буфера).
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск