Foros del Web » Programando para Internet » Javascript »

acceder a this

Estas en el tema de acceder a this en el foro de Javascript en Foros del Web. Hola, tengo esta simple función para mostrar/ocultar un div... Código PHP: function  showhide ( id ){     el  =  document . getElementById ( id ); ...
  #1 (permalink)  
Antiguo 28/07/2009, 06:20
Avatar de mrgubu  
Fecha de Ingreso: febrero-2002
Ubicación: Granada
Mensajes: 431
Antigüedad: 22 años, 2 meses
Puntos: 2
acceder a this

Hola, tengo esta simple función para mostrar/ocultar un div...

Código PHP:

function showhide(id){
   
el document.getElementById(id);
   
el.style.display = (el.style.display != 'block')? 'block' 'none';

a la que accedo desde un simple enlace:

Código PHP:
<a onclick="showhide('seccionXXX');return false;"href="">Abrir</a
Mi pregunta es: ¿cómo puedo acceder a manipular las proipìedades del enlace desde el que se hace click? Lo que quiero es cambiar el texto del enlace de 'Abrir' por 'Cerrar'.

Gracias.
  #2 (permalink)  
Antiguo 28/07/2009, 06:39
Avatar de djaevi  
Fecha de Ingreso: marzo-2007
Ubicación: Moreno, Buenos Aires
Mensajes: 400
Antigüedad: 17 años, 1 mes
Puntos: 47
Respuesta: acceder a this

tendrias que añadir un parametro a tu funcion para detectar el enlace y lo cambias con el parametro .text

Código javascript:
Ver original
  1. function showhide(id,enlace){
  2.    el = document.getElementById(id);
  3.    el.style.display = (el.style.display != 'block')? 'block' : 'none';
  4.    enlace.text = (enlace.text != 'Abrir')? 'Abrir' : 'Cerrar';
  5. }

en el html paso el 2do parametro como this...

Código HTML:
<a onclick="showhide('miDiv',this);return false;"href="">Abrir</a> 
  #3 (permalink)  
Antiguo 28/07/2009, 08:44
Avatar de mrgubu  
Fecha de Ingreso: febrero-2002
Ubicación: Granada
Mensajes: 431
Antigüedad: 22 años, 2 meses
Puntos: 2
Respuesta: acceder a this

ok djaevi muchas gracias, me ha servido,
pero no me ha funcionado con text sino con innerHTML:

Código PHP:
enlace.innerHTML = (enlace.innerHTML != 'Abrir')? 'Abrir' 'Cerrar'
Saludos,
  #4 (permalink)  
Antiguo 28/07/2009, 09:55
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: acceder a this

Hola:

No es necesario usar un enlace para "no-enlazar"...

Si n o tienes necesidad de enlazar creo que es mejor usar cualquier otro tag... y si quieres que aparezca la mano puedes usar estilos (cursor: pointer)

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 28/07/2009, 10:59
Avatar de mrgubu  
Fecha de Ingreso: febrero-2002
Ubicación: Granada
Mensajes: 431
Antigüedad: 22 años, 2 meses
Puntos: 2
Respuesta: acceder a this

ok. Quizás si no se usa enlace evitamos además usar el return false.
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 14:31.