Здраствуйте. У меня возникла необходимось реализовать "стирание" начального значения поля ввода при получении им фокуса и восстановлении начального значения при потере фокуса (при условии, что значение не было изменено). Реализацию этой задачи я сделал, вот только возникла проблема с FireFox'ом, в котором этот код категорически не хочет работать. Каждый раз возникает следующая ошибка:

Цитата

Error: [Exception... "'Permission denied to get property XULElement.selectedIndex' when calling method: [nsIAutoCompletePopup::selectedIndex]"  nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)"  location: "JS frame :: file:///e:/SHTTP/home-site/public_html/scale/src.html :: inputFocus :: line 44"  data: no] Source File: file:///e:/SHTTP/home-site/public_html/scale/src.html Line: 44

Причем возникает она при, казалось бы, безобидной операции

Код

el.value = "";

где el - объект HTMLInputElement, в стандарте на который изменяемое свойство value присутвтвует.
В чём проблема я понять не могу. Помогите, пожалуйста. Версия FireFox -1.0.6
Вот код:

Код

<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.0 Transitional//EN"> <html> <head>     <title>Тест изменения начального значения поля ввода</title>     <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />     <script type="text/javascript"language="JavaScript">     <!--     /**      * Определяет принадлежит ли элемент el массиву arr      */     function isInArray(el, arr) {         for (var i = 0; i < arr.length; i++) {             if (el == arr[i])                 return true;         }         return false;     }     /**      * Возвращает объект типа Event      */     function getEvent(evt) {         return (evt) ? evt : (window.event ? window.event : null);      }     /**      * Возвращает источник возникновения события      */     function getEventTarget(evt) {         return evt.target ? evt.target :              (evt.srcElement ? evt.srcElement : null);     }     /**      * Обрабатотчик получения элементом фокуса      */     function inputFocus(evt) {         evt = getEvent(evt);         el  = getEventTarget(evt);         if (!evt || !el)             return;         el.value = ""; // - FireFox ругается на эту строчку     }     /**      * Обработчик потери элементом фокуса      */     function inputBlur(evt) {         evt = getEvent(evt);         el  = getEventTarget(evt);         if (!evt || !el)             return;                  el.value = el.defaultValue;     }     /**      * Обработчик нажатия клавиши      */     function inputKeyDown(evt) {         evt = getEvent(evt);         el  = getEventTarget(evt);         if (!evt || !el)             return;         newClass = el.getAttribute("onValueChangeClass");         if (newClass) {             el.className = newClass;         }         inputChange(evt);             }     /**      * Обработчик изменения значения       */     function inputChange(evt) {         evt = getEvent(evt);         el  = getEventTarget(evt);         if (!evt || !el)             return;         el.onfocus   = null;         el.onblur    = null;         el.onkeydown = null;         el.onchange  = null;     }     /**       * Регистрирует события для всех полей ввода       * с установленными аттрибутами hideDefaultValue       */     function prepareDefaultValueHiding() {         var list = document.getElementsByTagName("INPUT");         var availableTypes = new Array("text", "password");         for (var i = 0; i < list.length; i++) {             var el = list[i];             if (!isInArray(el.getAttribute("type"), availableTypes) ||                      (el.getAttribute("hideDefaultValue") != 'on'))                 continue;             el.onfocus   = inputFocus;             el.onblur    = inputBlur;             el.onkeydown = inputKeyDown;             el.onchange  = inputChange;             el.value = el.defaultValue;         }     }     //-->     </script>     <style type="text/css">         .def {             color: #cccccc;         }         .cls {             color: #000000;         }     </style> </head> <input type="text" class="def" value="Username" hideDefaultValue="on" onValueChangeClass="cls"><br> <input type="password" value="Password" hideDefaultValue="on"><br><br> <input type="text" value="Password"><br><br> <script language="JavaScript"> <!--     window.onload = prepareDefaultValueHiding; //--> </script> </html>

Попробуй
el.getAttribute(value) = "";

Придется снеси Винду
...
или сделай

Код

el.value = "натуральный пробел"; // - FireFox ругается на эту строчку

Работает !

Я хотел сказать сделай не черз defaultValue - может причина в нем. Задай ноде инпута свое JS свойство с твоим значением по умолчанию (или создай атрибут) и бери из него.

Это сообщение отредактировал(а) Иль - 24.12.2005, 22:14

Цитата

Я хотел сказать сделай не черз defaultValue - может причина в нем. Задай ноде инпута свое JS свойство с твоим значением по умолчанию (или создай атрибут) и бери из него.

Это был изначальный вариант, с которым была та же проблема.

Цитата(GIK @ 24.12.2005, 18:10)

Попробуй el.getAttribute(value) = "";

Так getAttribute свего лишь возвращает DOMString со значением аттрибута.
Хотя, взяв эту идею за основу, заменил

Код

el.value = ""; // - FireFox ругается на эту строчку

на

Код

par = el.getAttributeNode("value");          if (par) {             par.value = "";         }

и

Код

el.value = el.defaultValue;

на

Код

par = el.getAttributeNode("value");         if (par) {             par.value = el.defaultValue;         }

Но работать лучше от этого не стало. Проблема та же - в IE и Oper'e все нормально, а в FF работать отказывается

GIK - думай над ответом и проверяй его

Bikutoru у меня твой код работает(copy/paste), FireFox 1.5

У меням код Bikutoru не работае - FireFox 1.0.5


Bikutoru, замени свою функцию на мою

Код

function inputChange(evt) {         evt = getEvent(evt);         el  = getEventTarget(evt);         if (!evt || !el)             return; alert('Меняй логику кода :) ')         el.onfocus   = null;         el.onblur    = null;         el.onkeydown = null;         el.onchange  = null;     }

Успехов

В Gecko .onchange срабатывает при смене value через JS, а в IE нет такого поведения.
Убери .onchange вообще и делай через валидацию

Код

if(!el.value)// заметь - это условие сработает только на пустую строку тк в твоем случае оно не null полюбэ     el.value='Первое значение из HTML' else{     el.onfocus=null     ...     el.onchange  = null; }

Добавлено @ 22:06
А вот onload при смене src через JS в ИЕ сработает исправно - Аминь (как и в Gecko)
Хотя твоего случая это никак не касается, но надеюсь пригодиться в будую`щем.
Добавлено @ 22:10
Кстати, зачем париться с атрибутами, если ты не парсиш и не носишся со своим инпутом по дереву нод ?
Может это тебя больше устроит, правильный ты наш Bikutoru

Код

function inputFocus(evt) {         evt = getEvent(evt);         el  = getEventTarget(evt);         if (!evt || !el)             return;      if(!el.zzz)el.zzz=el.value         el.value = "";     }     /**      * Обработчик потери элементом фокуса      */     function inputBlur(evt) {         evt = getEvent(evt);         el  = getEventTarget(evt);         if (!evt || !el)             return;                  el.value = el.zzz;     }