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
Un compañero de trabajo me ha hablado de esta sensacional extensión para Firefox: FireBug.

Sirve principalmente para localizar código pinchando sobre un elemento de una página web y viceversa; para localizar elementos de la página web desde el código.
También cuenta con un debugger de javascript, consola que muestra errores javascript y errores CSS, línea de comandos javascript, espía en el tráfico del XMLHttpRequest (es decir, para su uso con aplicaciones AJAX), etc.
servido por gigo
3 comentarios
compártelo
Para el que le interese Flash, Flex, AJAX y las redes sociales, hay unos Talleres Subflash este fin de semana en Oviedo (España).
A mí me interesaría la ponencia de AJAX, pero como es el domingo y yo tengo una vida ahí fuera, como que no creo que vaya. [guiño]
Pasadlo bien los que vayáis.
Visto en MilDiez.
servido por gigo
sin comentarios
compártelo
Acabo de encontrar una mini-explicación de lo que se entiende por javascript no intrusivo, con ejemplos incluídos.
El artículo contiene también una referencia a una librería javascript llamada behavior que permite implementar de una manera más cómoda esta forma ideal de separar el javascript del código (x)html.
servido por gigo
sin comentarios
compártelo
Cito a Emmanuelle Gutiérrez y Restrepo de SIDAR lo que dijo en Ovillo:
Para los forofos de AJAX les será de utilidad el siguiente artículo (en inglés) que proporciona información sobre cómo "hacer que AJAX funcione con lectores de pantalla" y que explica hasta qué punto eso puede ser una realidad:
http://juicystudio.com/article/making-ajax-work-with-screen-readers.php
Para los demás, y resumiendo mucho, puede hacerse funcionar hasta cierto punto y con ciertos lectores de pantalla, no con todos. Pero bueno, algo es algo y peor es nada.
servido por gigo
sin comentarios
compártelo
No lo he visto, pero aquí está:
Google Web Toolkit - Build AJAX apps in the Java language
Según Certificaciones Java:
La característica principal de la herramienta es su forma de desarrollo. Una vez instalado, las aplicaciones se programan directamente en Java, y una vez realizadas el código es compilado a JavaScript.
Simplemente, increíble.
Vía Barrapunto.
servido por gigo
2 comentarios
compártelo
No hay forma de limitar un textarea en HTML.
Sabiendo esto, la única forma de limitarlos es:
- Por un lado, limitar la entrada en el servidor, es decir, poner algún validador en la lógica del servidor (java, php, etc.) que controle el limite y genere algún error en caso de que se exceda
- Por otro lado, utilizar javascript para ayudar al usuario a controlar el límite en el navegador.
Existen varios scripts para limitar la entada de caracteres en un textarea, por ejemplo, éste código y demo en The Javascript Source.
En cualquier caso, siempre hay que controlar también la limitación en el servidor para aquellos navegadores que no tienen javascript por razones de accesibilidad.
Más información, en How to limit the number of characters entered in a textarea in an HTML form, en inglés.
servido por gigo
3 comentarios
compártelo
Gracias a demimismo de mildiez, he llegado a este framework de javascript llamado Prototype.
No he podido leer mucho, ni mucho menos probar nada, pero por lo que cuenta demimismo y por lo poco que he leído en la documentación de Prototype, tiene una pinta muy buena.
servido por gigo
4 comentarios
compártelo