Foros del Web » Programando para Internet » Javascript »

Agregar clase a etiqueta con onclick ajeno

Estas en el tema de Agregar clase a etiqueta con onclick ajeno en el foro de Javascript en Foros del Web. Buenas, se me presenta una duda que al no tener muchos conocimientos de javascript no consigo realizar. Tengo una etiqueta <a> en la que le ...
  #1 (permalink)  
Antiguo 03/06/2011, 01:08
 
Fecha de Ingreso: abril-2011
Ubicación: Alicante
Mensajes: 17
Antigüedad: 13 años, 7 meses
Puntos: 1
Agregar clase a etiqueta con onclick ajeno

Buenas, se me presenta una duda que al no tener muchos conocimientos de javascript no consigo realizar.

Tengo una etiqueta <a> en la que le coloco un onclick


<a href="#" onclick="javascript:document.imagen1.class = 'magnify';document.imagen1.onclick = 'true'"> texto </a>

<img src="url_imagen" id="imagen1"/>


Lo que quiero conseguir con este codigo es que al hacer click en el hiperenlace la imagen agrege la clase magnify y tambien se active el evento onclick en esa imagen, es posible?

Muchas gracias
  #2 (permalink)  
Antiguo 03/06/2011, 01:21
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: Agregar clase a etiqueta con onclick ajeno

Hola:

Primero te comento que un enlace no es el mejor sitio para lanzar un script... si quieres la mano puedes ponerla con estilos (cursor: pointer)... y las clases con javascript se referencian con la palabra className.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 03/06/2011, 02:22
 
Fecha de Ingreso: abril-2011
Ubicación: Alicante
Mensajes: 17
Antigüedad: 13 años, 7 meses
Puntos: 1
Respuesta: Agregar clase a etiqueta con onclick ajeno

Gracias, pero lo he probado y no me funciona, los del enlace es indiferente para mi, puedo poner lo que sea pero he puesto eso por poner algo, lo que queria era que se colocase la clase y al mismo tiempo el onclick también funcionase, de todas formas gracias por contestar
  #4 (permalink)  
Antiguo 03/06/2011, 02:32
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: Agregar clase a etiqueta con onclick ajeno

Hola:

Cada uno usa las cosas que quiera, pero el consejo es para que puedas evitar tener ese vicio, ya que cuando tengas preocupaciones mayores, como "agradar" a los buscadores y no penalicen tus páginas (seo), podría darte un trabajo extra...

Sobre la clase es sin duda className como te comenté, pero lo del click, al menos no hay nada estándar, aunque tal vez un truco que uso para otras cosas pueda servirte...

if (elemento.onclick != undefined) {ejecutar = elemento.onclick; ejecutar();}...

Solo lo he usado para los posibles "window.onload", pero supongo que servirá en cualquier evento.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 03/06/2011, 02:36
 
Fecha de Ingreso: abril-2011
Ubicación: Alicante
Mensajes: 17
Antigüedad: 13 años, 7 meses
Puntos: 1
Respuesta: Agregar clase a etiqueta con onclick ajeno

Muchas gracias, ahora lo voy a probar, además espero que no te halla sentado mal la contestacion del <a> ya que te agradezco la información y lo he cambiado a un div.
  #6 (permalink)  
Antiguo 03/06/2011, 03:41
 
Fecha de Ingreso: abril-2011
Ubicación: Alicante
Mensajes: 17
Antigüedad: 13 años, 7 meses
Puntos: 1
Respuesta: Agregar clase a etiqueta con onclick ajeno

Bueno sigue sin funcionarme pero creo que lo hare de otra forma para evitar el uso de este código. Gracias por la ayuda caricatos
  #7 (permalink)  
Antiguo 03/06/2011, 04:52
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: Agregar clase a etiqueta con onclick ajeno

Hola:

Acabo de probar estas 2 líneas:

Código:
<img src="../dibujos/miemoticon.gif" onclick="alert('hola')" />
<button type="button" onclick="if (document.images[0].onclick != undefined) {ejecutar = document.images[0].onclick; ejecutar()}" >ver</button>
Y va bien... , tal vez el evento no esté asignado inline...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: <a>, <img>
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 16:33.