Форум Сайтостроение Веб-строительство

Простой вопрос по яваскрипт.

G
На сайте с 15.08.2009
Offline
38
gazmyas
611

Как на лету менять у поля стили. Например хочу поменять цвет рамки. Пишу:

<input type="text" name="name" style="width:310px;" class="input_add" onblur="check_name(this.value);" value="{$name}">

дальше функция яваскрипт: 


function check_name(id)

	{

		if(id.length<2)

			{

				document.getElementById('name').style.border='1px solid #FF0000';  //если так пишу то только в ИЕ работает

//

//Если так, что вроде как логично тоже, то нигде

                                document.getElementById('name').style.border='1px';

				document.getElementById('name').style.border-color='#FF0000';

				

				return false;

			}

	}

Подскажите как сделать правильно чтобы во всех браузерах менялась рамка?

Куплю ссылки, размещу статьи на сайтах агро и смежных с агробизнесом тематик.
Dreammaker
На сайте с 20.04.2006
Offline
569
Dreammaker
#1

для использования в Javascript название стиля нужно преобразовать к такому виду: nameOfStyle

то есть для border-color это будет borderColor, аналогично вам нужно не забыть о border-style, border-width.

[Удален]
#2

Хотя вполне нормально будет работать просто конструкция

Element.style.border='1px solid #CCCCCC' например.

если надо только цвет меня то конечно лучше borderColor

G
На сайте с 15.08.2009
Offline
38
gazmyas
#3

ну вроде разобрался работает.

Подскажите еще как привязать текст к елементу <input type="radio"

чтобы выберать этот елемента нажимая по тексту который находится рядом, а не по самой "дырке"

[Удален]
#4

<input type='radio' id='select1' /> <label for='select1'>блаблабла</label>

или

<label>

<input type='radio'> бла бла бла

</label>

G
На сайте с 15.08.2009
Offline
38
gazmyas
#5

Хотя вполне нормально будет работать просто конструкция
Element.style.border='1px solid #CCCCCC' например.
если надо только цвет меня то конечно лучше borderColor

Все работает в мозилле и опере.

в ИЕ наблюдаю глюк - для елементов форм input type="text", цвет рамки меняет, для елементов <select - нет..

что делать? млин

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий