Confirm dialog in JavaScript

Confirm dialog in JavaScript

if (confirm('Your question')) {
 // do things if OK
}

jQuery Validate img - add method

Create / add a new method:

jQuery.validator.addMethod("imgType", function(value, element) {

var extension = value.substr( (value.lastIndexOf('.') +1) );

    if(extension=='jpg' || extension=='gif' || extension=='png'){

    return true;

}else{

return false;

}

}, "=$this->lang->line('error_img')?>");

rules:{

   inputImg: {required:true,imgType:true}

}

14 Steps - Borrar Scripts duplicados

Hay que tener cuidado a la hora de añadir un script a nuestro código. En internet explorer se descarga dos veces el script. En internet explorer y firefox se evalúan los dos javascripts. Sabiendo lo mencionado en un post anterior, durante el tiempo de evaluación el navegador se mantiene bloqueado y no sigue descargando otros archivos.

14 Steps - CSS y js externos o internos

Es importante saber que los estilos CSS y los js internos, dentro de nuestro código son más rápidos que los de archivos externos. Pero también tenemos que tener en cuenta que son mucho más difíciles de depurar si están dispersos por todo nuestro código que tenerlos en un solo archivo. Es recomendable tener todos los estilos dentro de una sola hoja de estilos al igual que con nuestro código javascript para facilitar la reutilización y la actualización.

14 Steps - Poner scripts al final

¿Por qué poner los scripts al final? Muy sencillo, el comportamiento no es el mismo que el de un CSS. Los scripts son bloqueantes. Pueden dañar mucho la experiencia del usuario. ¿De qué forma? Si los scripts los ponemos al principio el usuario verá durante unos segundos una hoja en blanco ya que estará descargando el script y deja de descargar cualquier otra cosa. Por eso se recomienda que solo se haga la descarga de un solo javascript. Al bloquear se detiene cualquier descarga posible.

<script language=javascript src="script.js"></script>


14 Steps - Componer CSS's y Javascripts

¿En qué consiste componer CSS’s o scripts? Componer un CSS consiste en coger todos los CSS que tenemos añadidos en una archivo html, php, etc… y juntarlos en unos sólo. La ganancia es mayor dependiendo del número de archivos que tengamos por separado. Lo que está claro es que podemos llegar a reducir el número de peticiones http a dos. Una para la hoja de estilos CSS y la otra para el javascript.
Un programa útil y sencillo de utilizar es el minify. Incluso nos quita los caracteres no útiles como retornos de carro o comentarios. Con este programa reducimos las peticiones http y encima reducimos el tamaño de los CSS y javascripts.

En esta url http://code.google.com/p/minify/ tenemos el código del proyecto minify que sirve para minimizar y unir css y js en un solo archivo.

Cheat Sheet - Librerias Javascript

¿Qué son las librerias javascript?
La librerias Javascript son como una biblioteca o framework, que permite simplificar la manera de interactuar con los documentos HTML, manipular el arbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la tecnología AJAX a páginas web.

Aquí tenemos dos librerias conocidas una Prototype y la otra JQuery. En los pdf's podremos ver todas las funcionalidades que nos aportan estas pequeñas librerias pero a la vez tan potentes. Además mucha gente desarrolla plugins para estas librerias.

Descarga pdf Prototype

Descarga pdf JQuery

Cheat Sheet - JavaScript

¿Qué es el Javascript? JavaScript es un lenguaje de scripting basado en Objetos, utilizado para acceder a objetos en aplicaciones. Es utilizado, principalmente, integrado en un navegador web permitiendo el desarrollo de interfaces de usuario mejoradas y páginas web dinámicas.

En el pdf de Javascript se incluye información sobre los métodos del DOM, funciones de tratamiento de strings, funciones de ventana, expresiones regulares...

Descarga pdf