Foros del Web » Programando para Internet » Javascript »

Capturar id de elementos

Estas en el tema de Capturar id de elementos en el foro de Javascript en Foros del Web. Hola, estoy aprendiendo javascript y quiero hacer una prueba y es la siguiente: tras haber hecho varios formularios y botones en html, etc... Querría que ...
  #1 (permalink)  
Antiguo 21/05/2012, 09:44
Avatar de ananda  
Fecha de Ingreso: enero-2012
Mensajes: 345
Antigüedad: 12 años, 3 meses
Puntos: 14
Capturar id de elementos

Hola, estoy aprendiendo javascript y quiero hacer una prueba y es la siguiente: tras haber hecho varios formularios y botones en html, etc... Querría que al hacer click encima del elemento en cuestión aparezca el ID de ese elemento, el prooblema es que no se como capturar el ID del elemento al que hago click para que con una función me muestre lo anteriormente mencionado, os dejo una parte del código:

Código PHP:
 <div name="insertardiv" id="insertardiv" class="insertardiv">
    
        <
form action ="insertar.php" method="post">
            <
input type="button" class="atras" name="atras" value="Cerrar" id="atras" onMouseOver="ocultar1()" /> <br/>
            <
input type="text" placeholder="Nombre" id="nombre" name="nombre" class="input"/>
            <
input type="text" placeholder="Apellidos" id="apellidos" name="apellidos" class="input" />
            <
input type="submit" value="Insertar información" id="submit" name="submit" class="submit"/>
            
        </
form>
        
    </
div>

Alguien podría ayudarme en este problemillaMuchas gracias
  #2 (permalink)  
Antiguo 21/05/2012, 10:28
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Respuesta: Capturar id de elementos

Hola, ananda.

Prueba esto:

Código Javascript:
Ver original
  1. <input type="text" placeholder="Nombre" id="nombre" name="nombre" class="input" onclick="alert(this.id)"/>

this al elemento en el que has hecho click.

Saludos.
  #3 (permalink)  
Antiguo 21/05/2012, 10:43
Avatar de ananda  
Fecha de Ingreso: enero-2012
Mensajes: 345
Antigüedad: 12 años, 3 meses
Puntos: 14
Respuesta: Capturar id de elementos

Cita:
Iniciado por JavierB Ver Mensaje
Hola, ananda.

Prueba esto:

Código Javascript:
Ver original
  1. <input type="text" placeholder="Nombre" id="nombre" name="nombre" class="input" onclick="alert(this.id)"/>

this al elemento en el que has hecho click.

Saludos.
Muchisimas gracias Javier, me sirve perfectamente ahora le voy a dar algún estilo al javascript y ale, gracias.

Etiquetas: elementos, formulario, html, input, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:19.