jQuery: Plugin para mostrar las fechas en formato amigable

Habréis visto que en muchas webs en vez de poner fechas de forma: “20/08/2011” ponen algo como “Hace 3 semanas”, a esto se llama mostrar fechas en formato amigable, y nuestro amigo John Resig a creado un plugin, para jQuery, llamado Pretty Date que cumple su cometido a la perfección.

jQuery: Plugin para hacer zoom de imágenes

Con el plugin Zoomy de jQuery podremos hacer zoom de imágenes de nuestro HTML, y tan fácil como el siguiente código:

[sourcecode language=”javascript”]
$(‘.zoom’).zoomy();
[/sourcecode]

El código anterior aplicará el plugin a todas las imágenes que tengan asociada una clase ‘zoom’, por ejemplo:

[sourcecode language=”html”]
<img src=’mi_imagen.png’ class=’zoom’ />
[/sourcecode]

Toda la información, ejemplo y código fuente en su página oficial:
Zoomy jQuery Plugin.

Obtener la posición de una capa o elemento desde JavaScript

Para obtener la posición (coordenadas) de una capa o cualquier elemento HTML desde JavaScript debemos usar las propiedades offsetTop y offsetLeft para tener la posición vertical y horizontal respectivamente.

Aquí os pongo un pequeño ejemplo que lo ilustra:

[sourcecode language=”html”]


Posición



[/sourcecode]

JavaScript – Borrar elementos en un array

Si queremos borrar un elemento de un array en JavaScript, habremos observado que con igualar el elemento a undefined o null, el elemento no desaparece del array.
La manera óptima para hacerlo es usar el operador delete de JavaScript (disponible a partir de JavaScript 1.2), tal y como muestro en el siguiente ejemplo:

[sourcecode language=”javascript”]
colores = new Array("rojo", "amarillo", "verde", "negro", "blanco");
delete colores[2];
[/sourcecode]

Con esto el elemento “verde”, es el que tenía índice número 2, desaparece del array realmente, consumiendo así el array menos memoria.

Rectificación: El método anterior me funcionó en una implementación en concreto de Javascript y en un navegador que no recuerdo ahora mismo, pero como bien postean en algunos comentarios, parece que no siempre funciona correctamente, ya que delete no borra el elemento, sino que inicializa su valor a undefined.

La manera más correcta de eliminar un elemento de un array en JavaScript es usar el método splice. Aquí más información: http://www.w3schools.com/jsref/jsref_splice.asp.

JavaScript – Averiguar si un elemento está en un array o en un objeto

La manera más eficiente de saber si un elemento está en un array o en objeto en JavaScript es la que muestro en el siguiente ejemplo:

En un array:

[sourcecode language=”javascript”]
colores = new Array(“rojo”, “amarillo”, “verde”, “negro”, “blanco”);
if (3 in colores) {
// codigo
}
[/sourcecode]

En un objeto:

[sourcecode language=”javascript”]
micapa = document.getElementById(“capa1”);
if (“innerHTML” in micapa){
//codigo
}
[/sourcecode]

En el primero ejemplo se comprueba que exista un elemento con índice 3 en el array colores. Y en el segundo ejemplo, que el objeto capa1 contenga la propiedad innerHTML.

El único requisito para usar el operador in es que el navegador soporte JavaScript 1.2.