[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Регулирование изменения размера input`a
DmitryOpalev
Есть input. Изначально текст в нем наклонный. Когда фокус попадает на этот input, текст в нем становится нормльный. Когда же фокус пропадает, текст опять становится наклонным.
Причем, когда текст становится номрмальным, длинна input`а увеличивается, а когда наклонный - обратно умеьшается.
Очень ярко выраженно в Опере, чуть меньше в Хроме. В FF все работает отлично.
Не подскажете, в чем проблема?



Спустя 2 минуты, 18 секунд (4.10.2011 - 18:37) Winston написал(а):
Дай кода посмотреть smile.gif
Тебе нужно, чтобы размер инпута всегда был одинаков ?

Спустя 13 минут, 44 секунды (4.10.2011 - 18:51) DmitryOpalev написал(а):
HTML:
<input type='text' size='100px' class='text' value='Что ищем?...' id='search_main' onFocus="StartEnter('search_main')" onBlur="DefaultValue('search_main')">

JS:
function StartEnter(block_id)
{
id = document.getElementById(block_id);
id.style.fontStyle="normal";
id.style.color="black";
}

function DefaultValue(block_id)
{
id = document.getElementById(block_id);
id.style.color="grey";
id.style.fontStyle="oblique";
}

Если убрать строку
id.style.fontStyle="normal";

то input размеров не меняет.
Да, нужно чтобы всегда был одинаков)

Спустя 12 минут, 46 секунд (4.10.2011 - 19:04) Winston написал(а):
Цитата (DmitryOpalev @ 4.10.2011 - 18:51)
size='100px'

Это все старые атрибуты, сейчас все атрибуты которые были/есть в HTML, есть в CSS, потому лучше все задавать через CSS, потому вместо size="100px" напиши style="width: 500px"

Спустя 2 минуты, 13 секунд (4.10.2011 - 19:06) DmitryOpalev написал(а):
Цитата
size="100px" напиши style="width: 500px"

Это типа намек, что маленький инпут? biggrin.gif
Заработало))

Спустя 2 минуты, 8 секунд (4.10.2011 - 19:08) Winston написал(а):
Цитата (DmitryOpalev @ 4.10.2011 - 19:06)
Это типа намек, что маленький инпут?

Да нет, просто width и size по-разному воспринимают передаваемые им значения smile.gif

Спустя 35 секунд (4.10.2011 - 19:09) DmitryOpalev написал(а):
Новое для себя узнал smile.gif


_____________
Курс валют
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.