Javascript.RU

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

Изменение стиля поля Input при событиях focus и blur
Написал такой css
inputlogin input { font-family:Arial, Helvetica, sans-serif;font-size:18px;line-height:normal;color:#666;padding:10px 0 0 10px;border:none;width:90%;height:30px;background:none}

.inputlogin { background:url(../images/input.png) left top no-repeat;width:190px; height:45px;border:none}

.inputactive input { font-family:Arial, Helvetica, sans-serif;font-size:18px;line-height:normal;color:#666;padding:10px 0 0 10px;border:none;width:90%;height:30px;background:none}

.inputactive { background:url(../images/inputactive.png) left top no-repeat;width:190px; height:45px;border:none}

JS
<script type="text/javascript">
  		$(function  () {
          $('input[type="text"]').focus(function() {
				 $(this).addClass("inputactive");
			});


			$('input[type="text"]').blur(function() {
				$(this).removeClass("inputactive");
			});
		});
		</script>

часть формы
<label>фамилия</label><br />
				<div class= "inputlogin" ><input type="text" name="sername" id="sername"/></div>
                </div>


Если из css убрать этот код, то работает
inputlogin input { font-family:Arial, Helvetica, sans-serif;font-size:18px;line-height:normal;color:#666;padding:10px 0 0 10px;border:none;width:90%;height:30px;background:none}

подскажите пожалуйста как это можно сделать.
Ответить с цитированием
  #2 (permalink)  
Старый 27.03.2011, 08:38
Профессор
Отправить личное сообщение для Matre Посмотреть профиль Найти все сообщения от Matre
 
Регистрация: 07.01.2011
Сообщений: 582

inputlogin заменить на .inputlogin
Ответить с цитированием
  #3 (permalink)  
Старый 27.03.2011, 09:04
Новичок на форуме
Отправить личное сообщение для Norbi Посмотреть профиль Найти все сообщения от Norbi
 
Регистрация: 27.03.2011
Сообщений: 2

я вставил не правильно. В скрипте на самом деле .inputlogin
Ответить с цитированием
  #4 (permalink)  
Старый 28.03.2011, 10:06
Аспирант
Отправить личное сообщение для goldserg Посмотреть профиль Найти все сообщения от goldserg
 
Регистрация: 08.02.2010
Сообщений: 37

Скорее всего конфликт стилей, хотя если они у тебя в css точно в таком же порядке, то очень странно...
Как вариант, удалять класс .inputlogin и ставить его обратно

$(this).addClass("inputactive").removeClass("input login");
$(this).removeClass("inputactive").addClass("input login");

Если это поможет, значит стили конфликтуют и надо думать.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
изменение значения input при смене значения select galart jQuery 4 30.01.2015 19:39
Изменение изображения при наведении mishko_o Элементы интерфейса 4 24.10.2011 16:20
Изменение множества элементов Input по определённом призна Лавсановые Волокна Элементы интерфейса 1 24.12.2010 10:37
Изменение стиля родительского элемента при :hover дочернего lanzs Элементы интерфейса 2 16.10.2010 13:28