Autor Tema: ¿se pueden poner dos id como argumento en document.getElementById JavaScript?  (Leído 4134 veces)

anarubia

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 36
    • Ver Perfil
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.

Código: [Seleccionar]

<!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>
« Última modificación: 24 de Septiembre 2015, 10:32 por Ogramar »

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2624
    • Ver Perfil
Re:¿se pueden poner dos id como argumento en document.getElementById JavaScript?
« Respuesta #1 en: 24 de Septiembre 2015, 10:32 »
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

anarubia

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 36
    • Ver Perfil
Re:¿se pueden poner dos id como argumento en document.getElementById JavaScript?
« Respuesta #2 en: 24 de Septiembre 2015, 12:56 »
Gracias Ogramar por la aclaración, saludos

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".