Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: anarubia en 23 de Septiembre 2015, 11:43
-
Hola, he intentado abreviar la funcion, metiendo los ids usuario e email en document.getElementById("usuario","email").onfocus=focus e igual con onblur=blur, pero no funciona lo he tenido que poner por separado para que me funcione. ¿ Es posible abreviarlo?. gracias.
<!doctype html>
<html>
<head>
<meta charset=utf-8">
<head>
<title>formulario</title>
<style type="text/css">
input{
background-image:url("imagenes/descarga.png");
background-repeat:no-repeat;
padding-left:25px;
width:180px;
height:20px;
}
#usuario{
background-image:url("imagenes/online-red-icon.png");
}
</style>
<script type="text/javascript">
window.onload=function(){
document.getElementById('usuario').onfocus=focus
document.getElementById('usuario').onblur=blur
document.getElementById('email').onfocus=focus
document.getElementById('email').onblur=blur
}
function focus(){
this.value= '';
this.style.background= 'transparent';
}
function blur(){
usuario.value='Escribe tu nombre';
email.value='Escribe tu Email';
email.style.background='url(imagenes/descarga.png)no-repeat';
usuario.style.background = 'url(imagenes/online-red-icon.png)no-repeat';
}
</script>
</head>
<body>
<form action="registro.php" method="get" name="miFormulario" id="miFormulario"
enctype="multipart/form-data">
<input type="text" name="usuario" id="usuario" value="Escribe tu Nombre" >
<input type="text" name="email" id="email" value="Email" >
</form>
</body>
</html>
-
Hola Ana, un id debe ser único en el código HTML. Es un identificador único, igual que un DNI, no pueden (o al menos no deben) haber elementos con id repetidos.
Por ello document.getElementById es una función que solo permite recibir un argumento y no varios.
La sintaxis es element = document.getElementById(id);
No puedes introducir dos id.
Salu2
-
Gracias Ogramar por la aclaración, saludos