En el siguiente artículo nos exponen cinco posibles problemas que podemos tener en la mayoría de proyectos web, y sus correspondientes librerías JavaScript para solucionarlos.
5 Lesser Know JavaScript Libraries that Make Web Design Easier.
En el siguiente artículo nos exponen cinco posibles problemas que podemos tener en la mayoría de proyectos web, y sus correspondientes librerías JavaScript para solucionarlos.
5 Lesser Know JavaScript Libraries that Make Web Design Easier.
Aquí tenemos un pequeño y eficaz plugin para jQuery que nos permitirá de manera fácil poder imprimir una determinada área de nuestra página web.
En el siguiente enlace podemos encontrar una comparativa de varios frameworks de JavaScript:
A continuación dos plugins de jQuery, uno para filtrar filas en tablas, y otro para crear máscaras en inputs.
Filtro de tablas: Quicksearch.
Máscaras en inputs: Masked input.
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:
<html> <head></head> <body> <div id="myDiv" style="float:right; width:400px; height:200px; background-color:blue;"></div> <div onclick="alert(myDiv.offsetTop);alert(myDiv.offsetLeft);">Posición</div> </body> </html>
Fantástico plugin para jQuery que permite crear interfaces para aplicaciones web para móviles.
Con la librería Datejs podremos hacer muchas operaciones y validaciones con fechas de una manera fácil y eficaz desde JavaScript.
Esta librería es Open-Source.
Puedes acceder a más información y a su descarga en su web oficial:
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:
colores = new Array("rojo", "amarillo", "verde", "negro", "blanco");
delete colores[2];
Con esto el elemento “verde”, es el que tenía índice número 2, desaparece del array realmente, consumiendo así el array menos memoria.
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:
colores = new Array("rojo", "amarillo", "verde", "negro", "blanco");
if (3 in colores) {
// codigo
}
En un objeto:
micapa = document.getElementById("capa1");
if ("innerHTML" in micapa){
//codigo
}
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.
Aquí os pongo algunas hojas de referencia o chuletas que he encontrado de jQuery:
Completa chuleta de dos páginas (via define-web):
Chuleta de jQuery (página 1).
Chuleta de jQuery (página 2).
Colorida y vistosa chuleta a todo color (vía colorchange):
Chuleta de jQuery a todo color.
Y otra chuleta más, la cual te la puedes descargar en dos paletas de colores.