Изменение цвета кнопки при активном поле
Здравствуйте!
Подскажите пожалуйста! Пол дня по интернету лажу и ничего сделать не могу. Проблема какая: есть форма с одним полем и одной кнопкой... Задача: сделать так что-бы при активации формы(когда пользователь начинает что-то вводить) кнопка изменяла цвет! Вот код кнопки: <p><input name="name" type="text" style="width:140px; " value="Ваш телефон:" onfocus="if(this.value==this.defaultValue)this.val ue='';" onblur="if(this.value=='')this.value=this.defaultV alue;" /></p> </td> <td> <div class="field"> <p><input value="Отправить сообщение" type="submit" /></p></div> |
<p><input name="name" type="text" style="width:140px; " placeholder="Ваш телефон:" /></p> <div class="field"> <p><input value="Отправить сообщение" type="submit" /></p></div> <script src="//code.jquery.com/jquery-latest.min.js"></script> <script> $('input[type="text"]').one('input', function(){ $('input[type="submit"]').css('background', 'red'); }); </script> IE8- лесом.. |
СПАСИБО огромное
УРА ПОЛУЧИЛОСЬ:))))) БЛАГОДАРЮ ТЕБЯ ВЕЛИКИЙ МОЗГ:)))):dance:
|
danik.js,
судя по всему не только IE8 идет лесом, это в Опере: Цитата:
|
devote, ну это к делу не относится. Ошибка возникает еще до моего кода. Видимо косяк в последней jQuery при запуске внутри фрейма. ХЗ, бесит меня опера своими закидонами...
|
Цитата:
|
Цитата:
<p><input name="name" type="text" style="width:140px; " placeholder="Ваш телефон:" /></p> <div class="field"> <p><input value="Отправить сообщение" type="submit" /></p></div> <script> (function(){ document.querySelector('input[type="text"]').addEventListener('input', function fn(){ this.removeEventListener('input', fn, false); document.querySelector('input[type="submit"]').style.background = 'red'; }, false); })(); </script> |
Цитата:
Цитата:
|
Часовой пояс GMT +3, время: 22:38. |