01Abr

Comprimir Archivos Javascript

En: JavaScript

En muchos casos es bueno comprimir o ofuscar nuestros archivos JS, por que asi cargarian mas rapido nuestras paginas.

Tambien si usted se esforzado mucho para el desarrollo de sus JS’s y quiere proteger su codigo, esta herramienta es muy util ya que ofusca el codigo y dificulta a los que quieren copiar su codigo.

La herramienta http://www.compresorjavascript.es/, es una herramienta online, que comprime los archivos javascript. Pruevenlo!

See More
0

10Feb

Librerias para recortar imagenes con JavaScript

En: JavaScript

Sin duda, una función muy común que todo desarrollador web desea implementar en su aplicación web, es seleccionar parte de una imagen y recortarla.

Existen algunas librerías en Javascript para ese propósito, cuyo funcionamiento es el siguiente:

Una de las librerías es un plugín para JQuery, llamado imgAreaSelect, cuyas caracteristicas son:

  • Altamente configurable
  • Personalizable con estilo CSS
  • Maneja las imágenes a escala
  • Soporte teclado para mover y cambiar el tamaño de la selección de
  • Soporta funciones de devolución de llamada
  • Proporciona funciones de la API para facilitar la integración con otros componentes de aplicación
  • Ligero – la versión completa pesa menos de 8KB

El plugin funciona en los principales exploradores, incluyendo Firefox 2 +, Opera 9.5 +, Google Chrome, Safari 3 +, e Internet Explorer 6 +.

Otra libreria es JavaScript Image Cropper UI, es para Prototype y script.aculo.us, cuyas caracteristicas son:

  • Sobre la base de Prototype y script.aculo.us
  • Diseño de paquetes de edición de imagen, Las funciones se parece a los que se encuentran en el popular software de edición de imágenes
  • La inclusión dinámica de los estilos necesarios
  • Arrastre para dibujar áreas
  • Arrastre Mayús para Empate / áreas como cambiar el tamaño de las plazas
  • Área de selección puede ser movido
  • Área de selección puede ser cambiar el tamaño de tamaño utilizando los manejadores
  • Relación de dimensión limitada, permite cortar areas limitadas de la imagen.
  • Permite la dimensión mínima del area de recorte
  • Permite la vista previa dinámica del corte resultante (si la anchura y la altura mínima se proporcionan), este se implementa como una subclase de lo que puede ser eliminado si no se requiere
  • Movimiento de área de selección con las teclas de flecha.
  • Todas las funciones y pantalla compatibles con los navegadores más populares soportados por Prototype, probado en:
    • IE 6 y 5.5, Firefox 1.5, Opera 8.5 Y 9.0b
    • MAC: Camino 1.0, Firefox 1.5, Safari 2.0
See More
0

03Nov

Funcion JS para cargar dinamicamente JavaScript

En: JavaScript

A veces deseamos cargar archivos javascript dinamicamente, por ejemplo cargar JSON de web externas.

Esta funcion javascript, agrega un elemento script al tag head con la correspondiente url que se manda como parametro; Un ejemplo para utilizar este script: loadJS("http://www.abelino.com/myscript.js").

1
2
3
4
5
6
7
function loadJS(url) {
var headID = document.getElementsByTagName("head")[0];
var newScript = document.createElement('script');
newScript.type = 'text/javascript';
newScript.src = url;
headID.appendChild(newScript);
}

Otra funcion similar es esta:

1
2
3
function addJS(url){
document.write(unescape("%3Cscript src='" + url + "' type='text/javascript'%3E%3C/script%3E"));
}
See More
0
« »