Adobe User Group Granada » Javascript

Crear ficheros ZIP mediante Javascript con JSZip

admin — Thu, 03 Nov 2011 20:16:07 +0000

Interesante librería que nos permite crear ficheros ZIP desde Javascript, con unas simples líneas de código podemos crear zips con ficheros de texto, imágenes, crear directorios…

var zip = new JSZip();
zip.add("Hello.txt", "Hello World\n");
img = zip.folder("images");
img.add("smile.gif", imgData, {base64: true});
content = zip.generate();
location.href="data:application/zip;base64,"+content;

El único problema que hay es a la hora de generar el nombre del fichero: Firefox crea un fichero con un nombre extraño y acabado en .part, Safari lo nombra “Unknown” sin extensión, Chrome “download.zip” e IE directamente ni funciona la librería.

Nuestra fuente: SentidoWeb

Una gran colección de plugins para jQuery

admin — Wed, 24 Feb 2010 11:58:16 +0000

Estos plugins servirán de ayuda para agregar funcionalidad y efectos a vuestros sites

Easy Slider

GalleryView

SPACEGALLERY

JQZoom

JQUERY SIMPLE PANORAMA VIEWER

JQUERY VIRTUAL TOUR

LavaLamp

Toggle Elements

iconDock jQuery Plugin

Easy jQuery Pull Quotes

qTip

Tipsy

DATE PICKER

TableSorter

FlexiGrid

Nuestra fuente: WebDesignerLab

Validando Formularios de forma sencilla con el plugin para jQuery “Ketchup”

admin — Wed, 17 Feb 2010 11:42:02 +0000

En la web de UsejQuery podreis ver la forma de utilización de este plugin que nos permitira poder tener formularios mucho mas profesionales gracias al pequeño plugin que permite validar los formularios.

El plugin es muy sencillo y flexible permitiendo que podamos cambiar su apariencia y funcionalidad.

Visita la web del Ketchup Plugin

4 Asombrosos plugins para jQuery

admin — Wed, 17 Feb 2010 11:36:07 +0000

En Design Reviver vemos estos 4 plugins para jQuery que pueden ser de utilidad en algún proyecto

jDigiClock – Digital Clock (HTC Hero inspired)

Quicksand

Uniform – Sexy forms with jQuery

Ketchup Plugin – Form Validation

Inyección de código HTML y Javascript en el TITLE

admin — Mon, 08 Feb 2010 21:47:15 +0000

Cada vez se van puliendo más las inyecciones de HTML o javascript en las webs, pero como no se suelen gestionar de una forma unificada acaban apareciendo de nuevo en lugares más escondidos, por ejemplo en el TITLE, pero siguen sin desaparecer.

NuestraFuente: SystemAdmin.es

jQuery.sheet: inserta hojas de cálculo en tu web

admin — Mon, 25 Jan 2010 17:42:57 +0000

jQuery.sheet es un script de jQuery que permite añadir hojas de cálculo en tu web. Permite bastantes funcionalidades, tal y como cualquier hoja de cálculo: Excel, OpenOffice o Google Docs:

Redimensionar filas y columnas
Funciones
Editar el contenido de las celdas
Permite temas/css

jQuery.sheet

Vía / WebAppers

Nuestra Fuente: SentidoWeb.com

Enviando contenido desde PHP a la consola de Firebug

admin — Wed, 20 Jan 2010 19:18:56 +0000

Hace unos días ante un proyecto un tanto complicado necesitaba poder ir analizando como se comportaba mi script en diversas partes del mismo.

Por lo general solía utilizar otros métodos a titulo de log como ser enviar la información a un archivo utilizando error_log() o enviar la información como comentario html para luego al ver el código fuente poder analizar los resultados, etc..

Para cambiar un poco quería jugar con algo conocido y muy usado cuando trabajo con Ajax…utilizar la consola de Firebug como “log”.

Con lo anterior en la cabeza realice esta pequeña función que espero resulte de utilidad para alguien.

function smrPhp2Firebug( $element, $titulo="" ) {
echo "\r\n";
}

La función ya forma parte de mi archivo de rutinas (rutinas.inc.php) y nos permitirá enviar el contenido deseado a la consola de Firebug con una descripción si lo desean.

Si te preguntas para que me serviría esto? Pues piensa en poder saber cómo está siendo armada tú consulta SQL ante los parámetros que recibe…. ó el contenido de una matriz… ó qué valor tiene una variable en determinado momento… ó como está la variable esa que contiene el mensaje que estoy a punto de enviar por correo electrónico… o tantas cosas más…

La forma de uso es sencilla puedes probar ejecutando este pequeño ejemplo:

 array("Huelva", "Sevilla", "Córdoba", "Jaén", "Cádiz", "Málaga", "Granada", "Almería")
,"Cataluña" => array("LLeida", "Tarragona", "Barcelona", "Girona")
);
#-=[ Leer Variable que llega por GET lipiando su contenido ]=-
$nombre=smrLimpiarVariables("GET","nombre","0");
?>




Enviando contenido desde PHP a la consola de Firebug



Adobe User Group Granada

Al ejecutarlo podrán ver en la consola del Firebug algo como la pantalla siguiente (clic en la miniatura para ampliarla):

y si pulsamos cobre el Object podremos expandir su contenido como muestra la siguiente pantalla (clic en la miniatura para ampliarla)

* Recuerda hacer las llamadas a smrPhp2Firebug() dentro de tu etiqueta body. Ya sabrás porque

Es importante que les comente que luego de hacer esto se me ocurrió ver si la rueda no estaba inventada. Obviamente debería haberlo hecho antes pero bueno la función tampoco es que tenga mucha tarea . Al investigar un poco encontré que en la red tenemos algunos post de utilidad con respecto al aprovechamiento de FireBug como ser estos:

Así que como siempre digo… Sobre gustos pero bueno lo importante es que le saquemos el mayor provecho a esta herramienta llamada FireBug. Que no tienes idea de donde bajarlo pues de aquí: http://getfirebug.com/

Ah y el ejemplo queda aquí por si quereís verlo… recuerda tener el Firebug activo!

iJab: chat javascript usando XMPP/Jabber

admin — Wed, 20 Jan 2010 13:07:24 +0000

Leemos en sentidoweb este post que les resultará de interés

iJab es una librería javascript que nos permite añadir chat en nuestras aplicaciones web, con la característica que usa XMPP/Jabber para realizar las comunicaciones.

Entre las características encontramos:

Basado en el protocolo XMPP: lo cual permite usar servidores basados en ese protocolo
Soporte para MSN y AIM, añadiendo transports al servidor XMPP
Totalmente Javascript
Compatible con Firefox, IE, Chrome y Safari
Themes
Modos de aplicación: stant-alone, web chat y live
Sin pop-ups
Notificaciones de nuevos mensajes
Sonido
Múltiples usuarios en el chat (MUC)
Búsqueda de usuarios
Administración: permite añadir y borrar usuarios y administrar grupos
Smileys

iJab

Nuestra fuente: SentidoWeb

jsPDF: crea PDFs directamente desde Javascript

admin — Fri, 15 Jan 2010 10:01:05 +0000

Interesante javascript que nos permite crear PDFs sin necesidad de aplicaciones en el servidor, sino usando únicamente una librería PDF. Su uso es muy sencillo, devolviendo una URL con Content-type y codificada en Base64:

var doc = new jsPDF();
doc.setFontSize(22);
doc.text(20, 20, 'This is a title');

doc.setFontSize(16);
doc.text(20, 30, 'This is some normal sized text underneath.');

// Output as Data URI
doc.output('datauri');

A mí en Firefox no me ha funcionado, pero en Chrome sí.

Nuestra fuente: sentidoweb