Método y/u objeto de origen

[Dude--]

Bueno todo esto me ha servido para aprender más sobre javascript y DOM pero creo que te haré caso, he modificado mi script y ahora es mucho más reducido además de coherente porque separa el estilo de la estructura.

Código css:

.inputemail { background: url(img/icontest.gif) no-repeat left; }
.inputpassword{ background: url(img/icontest.gif) no-repeat left; }
 

Código javascript:

function checkevent(e)
{
    var objeto=e.srcElement || e.target;
    var evento = e.type;
                
    if ( objeto.name == "email" )
    {
        if(evento == "focus")
        { objeto.className = ""; }
        if(evento == "blur" && objeto.value == "" )
        { objeto.className = "inputemail"; }
    }           
    if ( objeto.name == "pass" )
    {
        if(evento == "focus")
        { objeto.className = ""; }
        if(evento == "blur" && objeto.value == "")
        { objeto.className = "inputpassword"; }
    }       
}
 

Código html:

<form id="identificacion" action="index.php" method="post" enctype="application/x-www-form-urlencoded">
    <input id="email" type="text" name="email" title="Email de usuario" value="" size="20" />
    <input id="pass" type="password" name="pass" value="" size="15" />
    <input type="submit" value="Iniciar" /> 
</form>
 

Código javascript:

<script>
    var inputemail = document.getElementById("email");
    var inputpass = document.getElementById("pass");
    
    //Inicializa las clases de los dos inputs
    inputemail.className = "inputemail";
    inputpass.className = "inputpassword";
 
    if (inputemail.addEventListener) //W3C DOM
    {
        inputemail.addEventListener('focus', function(event) { checkevent(event) }, false);
        inputemail.addEventListener('blur', function(event) { checkevent(event) }, false);
    } 
    else //IE DOM
    {
        inputemail.attachEvent('onfocus', function(event) { checkevent(event) });
        inputemail.attachEvent('onblur', function(event) { checkevent(event) });
    }
    
    if (inputpass.addEventListener) //W3C DOM
    {
        inputpass.addEventListener('focus', function(event) { checkevent(event) }, false);
        inputpass.addEventListener('blur', function(event) { checkevent(event) }, false);
    } 
    else //IE DOM
    {
        inputpass.attachEvent('onfocus', function(event) { checkevent(event) });
        inputpass.attachEvent('onblur', function(event) { checkevent(event) });
    }
    </script>