Подсветка текстовых полей как в Сафари

yAnTar

Захожу иногда
296
81 / 3

Подсветка текстовых полей как в Сафари

« : 12.10.2007, 16:20:19 »

Может кому пригодится.

Код

<script type = "text/javascript">
  function showBorder(){
  	this.style.border = '3px solid #8AB3ED';
  }
  function hideBorder(){
  	this.style.border = gTextArray[this.id];
  }

  function getAllInput(){
     gTextArray = new Array();
     // Если Safari, выход
     if(navigator.userAgent.indexOf("Safari") > 0) return;
     var allInput = document.getElementsByTagName('input');
     var count = allInput.length;
     for(var i = 0; i < count; i++){
     	if (allInput[i].type != 'text') continue;
   	    // Проверка для ІЕ, если ІЕ - то ставим border 2px inset
   	    gTextArray[allInput[i].id] = (allInput[i].style.border) ? (allInput[i].style.border) : ((navigator.userAgent.indexOf("MSIE") > 0)? ('2px inset') : (''));
     	try {
     	  allInput[i].addEventListener('focus', showBorder, false);
     	  allInput[i].addEventListener('blur', hideBorder, false);
     	} catch (e){
     	    allInput[i].onfocus = showBorder;
     	    allInput[i].onblur = hideBorder;
     	}
     }
  }
</script>

Вызов функции
<script type = "text/javascript">
getAllInput();
</script>
Работает в ІЕ 6.0, 7.0, Firefox 2.0.0.7, Opera 9.10

« Последнее редактирование: 12.10.2007, 17:52:10 от yAnTar »

Записан

Firefox the best, Google the best, jQuery the best.
yAnTar блог

maragva

Захожу иногда
103
1 / 0

Re: Подсветка текстовых полей как в Сафари

« Ответ #1 : 26.12.2008, 02:26:17 »

эммм... Не очень разбираюсь. Как этим пользоваться? И это... я не юзал Сафари (шепотом)

Записан

yAnTar

Захожу иногда
296
81 / 3

Re: Подсветка текстовых полей как в Сафари

« Ответ #2 : 27.12.2008, 16:48:48 »

2

Цитата: maragva от 26.12.2008, 02:26:17

эммм... Не очень разбираюсь. Как этим пользоваться? И это... я не юзал Сафари (шепотом)

Пользоваться - вставить код в тело скрипта (можно оформить отдельным файлом и подключить его).
А результат такой - когда попадает фокус на текстовое поле - оно получает бордер (это так в Сафари есть).

Записан

Firefox the best, Google the best, jQuery the best.
yAnTar блог

Как выровнять значения полей? Автор THE KILLERS	Ответов: 3 Просмотров: 1471	30.10.2015, 18:18:44 от THE KILLERS
Подсветка выпадающего меню Od jshopping categories Автор kurakin	Ответов: 4 Просмотров: 2136	21.10.2015, 12:52:48 от kurakin
При наведении на название полей в контактах, названия мифически исчезают Автор RazarioAgro	Ответов: 4 Просмотров: 1450	11.06.2015, 14:12:57 от vipiusss
Подключить стиль только для сафари Автор Ragnos	Ответов: 0 Просмотров: 1566	07.03.2015, 16:23:51 от Ragnos
@media для Сафари Автор kik84	Ответов: 0 Просмотров: 1347	12.12.2014, 18:54:11 от kik84

Подсветка текстовых полей как в Сафари - Вопросы по CSS

Новости Joomla

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

👩‍💻 SM WT CDEK аддон доставки для JoomShopping.

yAnTar

Подсветка текстовых полей как в Сафари

maragva

Re: Подсветка текстовых полей как в Сафари

yAnTar

Re: Подсветка текстовых полей как в Сафари

Похожие темы