Функция замены value в input'ах

@Dimedrol · Регистрация: 25.04.2009

Author24 — интернет-сервис помощи студентам

Здравствуйте.

Написал скрипт:

Javascript

function ini() {
    this.Run = function(fn){
        window.onload = fn;
    }
//
    this.hoverValue = function(elid,valtext){
        el = document.getElementById(elid);
        el.style.color = 'silver';
        el.value = valtext;
            el.onblur = function(){
            if(el.value == ''){
                el.style.color = 'silver';
                el.value = valtext;
            }
        }
        el.onfocus = function(){
            if(el.value==valtext){
                el.value = '';
            }
            el.style.color = 'black';
        }
    }
//
}

Почему он не работает для нескольких элементов? (для одного работает!)

Javascript

var ini = new ini(); 
ini.Run(function(){
ini.hoverValue('logininput','Имя пользователя');
ini.hoverValue('passinput','1234');
});

@Kdn · 11.03.2011, 00:43

Dimedrol,

У тебя используется глобальная переменная для инициализации input-ов. После инициализации всех input-ов глобальная переменная el содержит последний input. В обработчике событий ты используешь этот самый глобальный el.
Можно сделать так:

Javascript

function ini() {
        this.Run = function(fn){
                window.onload = fn;
        }
//
        this.hoverValue = function(elid,valtext){
                el = document.getElementById(elid);
                el.style.color = 'silver';
                el.value = valtext;
                el.onblur = function(e){
            var el = e.target||e.srcElement;
                        if(el.value == ''){
                                el.style.color = 'silver';
                                el.value = valtext;
                        }
                }
                el.onfocus = function(e){
            var el = e.target||e.srcElement;
                        if(el.value==valtext){
                                el.value = '';
                        }
                        el.style.color = 'black';
                }
        }
//
}

или можно задать элемент в качестве замыкания. Тогда вот так:

Javascript

function ini() {
        this.Run = function(fn){
                window.onload = fn;
        }
//
        this.hoverValue = function(elid,valtext){
                var el = document.getElementById(elid);
                el.style.color = 'silver';
                el.value = valtext;
                el.onblur = function(){
                        if(el.value == ''){
                                el.style.color = 'silver';
                                el.value = valtext;
                        }
                }
                el.onfocus = function(){
                        if(el.value==valtext){
                                el.value = '';
                        }
                        el.style.color = 'black';
                }
        }
//
}

	11.03.2011, 00:43