VPF::TYPE у INPUT в IE - Форум программистов

InfMag

Дата 1.8.2008, 11:24 (ссылка)

(нет голосов)

Загрузка ...

…

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 21.11.2004

Репутация: 2
Всего: 4

Вобщем есть такой код:

Код


<script type="text/javascript" language="javascript">
var auth_login_checked=false,auth_pass_checked=false;
</script>
<input type="text" name="USER_LOGIN" maxlength="50" value="<?=GetMessage("AUTH_LOGIN")?>" class="auth_login" id="auth_login" onfocus="if(auth_login_checked==false){this.value='';auth_login_checked=true;this.focus();}">
<input type="text" name="USER_PASSWORD" maxlength="50" value="<?=GetMessage("AUTH_PASSWORD")?>" class="auth_pass" id="auth_pass" onfocus="if(auth_pass_checked==false){this.type='password';this.value='';auth_pass_checked=true;this.focus();}">

Дело все в том, что IE ругается на это this.type='password' и следовательно тип INPUTа не меняет. Как ему обьяснить что я хочу поменять тип?
А вот в FF и Опере все как по маслу проходит.

comtat

Дата 2.8.2008, 12:59 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1310
Регистрация: 2.5.2006
Где: Россия, Казань

Репутация: 4
Всего: 71

я могу предложить вам вот такой вариант решения задачи

Код


<html>
<head><title></title></head>
<body><style>
.lmLabelShow {
    position:absolute;
    z-index:5;
    color:#9d9d9d;
    padding:0 0 0 5px;
    cursor:text;
    font-family:Tahoma;
}
.lmLabelHide {
    display:none;
}
</style>
<script type="text/javascript">
  window.onload = window.onresize = function () {
    lmLabel ("login","login");
    lmLabel ("password","пароль");
  }

function lmLabel(id,text) {
    if(document.getElementById && document.getElementById(id)) {
        var obj=document.getElementById(id);
        var newlabel=document.createElement("label");
        newlabel.className = 'lmLabelShow';
        newlabel.htmlFor = id;
        obj.parentNode.insertBefore(newlabel,obj);
        newlabel.innerHTML=text;
        newlabel.style.lineHeight = (obj.offsetHeight||22)+"px";
        lmLabelHandler (obj,newlabel);
    }
}

function lmLabelHandler(i,l) {
    i.onfocus = function() {
        l.className='lmLabelHide';
    }
    i.onblur = function() {
        if(this.value == '') {
            l.className='lmLabelShow';
        }
    }
}
</script>
<table class="authinput">
  <tr><td><input class="input" type=text class=input size=20 maxlength=30 name=login id='login'></td></tr>
  <tr><td><input class="input" type=password class=input size=20 maxlength=30 name=password id='password'></td></tr>
  <tr><td><input type="submit" value="Вход"></td></tr>
</table>
</body>
</html>

--------------------

Рожденный в СССР !!!
ExtJS - мой фреймворк

InfMag

Дата 2.8.2008, 14:27 (ссылка)

(нет голосов)

Загрузка ...

…

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 21.11.2004

Репутация: 2
Всего: 4

Хмм.. И все таки меня интересует как поменять свойство TYPE, ибо для будущего это мне тоже пригодится не слабо.

Добавлено через 58 секунд
А если обходными путями идти то одна идейка появилась... даже вобще с тектом не работая smile

background в css файл забивать изображение с надписью "логин" или "пароль там", а при фокусе убивать background smile

чем не выход..

comtat

Дата 4.8.2008, 00:07 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1310
Регистрация: 2.5.2006
Где: Россия, Казань

Репутация: 4
Всего: 71

Цитата(InfMag @ 2.8.2008, 14:27

)

как поменять свойство TYPE, ибо для будущего это мне тоже пригодится не слабо.

есть у меня странные ощущения что под IE это невыполнимо ...

--------------------

Рожденный в СССР !!!
ExtJS - мой фреймворк

InfMag

Дата 7.8.2008, 21:32 (ссылка)

(нет голосов)

Загрузка ...

…

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 21.11.2004

Репутация: 2
Всего: 4

comtat, да я тоже думаю что он на это способен((

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »