Logo de La Coctelera

Garbage In, Garbage Out

Diseño web, tecnología, e internet.

6 Septiembre 2006

Cambiar el texto de un enlace

Ayer he tenido que escribir un poco de javascript para hacer que el texto de un enlace cambie al pulsar sobre él por motivos de usabilidad.

Aquí está el código de prueba -con javascript no intrusivo- que hice por si alguien lo necesita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
</head>

<body>

<a id="enlace"  href="#">abrir</a>

<script type="text/javascript">

  var enlace = document.getElementById('enlace');

  enlace.onclick = function () {
   
   if ((enlace.abierto == null) || (enlace.abierto==false)) {
    enlace.innerHTML="cerrar";
    enlace.abierto = true;
   } else {
    enlace.innerHTML="abrir";
    enlace.abierto = false;  
   }
  
  }

</script>

</body>
</html>

Aquí está el la demostración.

Y de paso, ¿alguien me puede decir cómo puedo publicar cómodamente código en La Coctelera?

servido por gigo sin comentarios compártelo favorito

sin comentarios · Escribe aquí tu comentario

Escribe tu comentario


Sobre mí

Avatar de gigo

Garbage In, Garbage Out

ver perfil »
contacto »
Desarrollador web con ganas de aprender y enseñar, porque aún queda mucho por aprender y por enseñar. Uso esta bitácora para hacer mis apuntes profesionales y de paso contribuir a ayudar a mis compañeros de, ésta, mi profesión. [guiño]

Sindicación

Buscar

suscríbete

Selecciona el agregador que utilices para suscribirte a este blog (también puedes obtener la URL de los feeds):

¿Qué es esto?

Crea tu blog gratis en La Coctelera