Javascripts

HighLight.js Resaltar Bloques de Código Con Javascript

Sunday, Septiembre 30th, 2007

Resaltador de Código de Programación HighLight.js es una librería en Javascript que autodecta bloques de código y lo resalta. Lo interesante de esta librería es que automáticamente detecta el lenguaje de programación del bloque y le aplica el estilo debido.

Los lenguajes de programación que actualmente soporta son:

Python, Ruby, Perl, PHP, XML, HTML, CSS, Django, Javascript, VBScript, Delphi, Java, C++, RenderMan (RSL and RIB), SQL, SmallTalk, Axapta, 1C

Ademas tambien cuenta con una extensión para firefox y se puede utilizar como plugin para WordPress.
- Ver Demo

- Descargar HighLight.js

- Modo de Utilización

Enlace: HighLight.js

Vía: WebAppers

Publicado en Desarrollo, General, Javascript, Javascripts, Librerias, Wordpress | wong it! | 4 Comentarios »

Galeria de Imagenes en Javascript con MooTools

Tuesday, Septiembre 25th, 2007

(E)² Photo Gallery es una galeria de imagenes open source creada utilizando el framework Javascript MooTools. Para utilizarla unicamente se tiene que editar el archivo de configuración (config.php) indicando la ruta de donde tomará las imagenes asi como otros parametros.

//Define the folder where your photos will be placed on you server.
//Relative to the path you place the gallery index.php
$gallerypath=“images”; //EX. images or http://www.webadictos.com.mx/gallery/images no trailing slash needed
$thumbpath=“imagethumbs”; //EX. images or http://www.webadictos.com.mx/gallery/imagethumbs
$transitionspeed=“500″; //How fast you want the animations to render
$fadespeed=“300″; //How fast you want the photos to fade in and out
$username=“username_here”;//Username for accessing image uploader
$password=“password”; //Password to access image uploader

[Demo] [Descargar] [Documentacion]

Enlace: (E)² Interactive Photo Gallery

Vía: WebAppers

Publicado en General, Javascript, Javascripts, Librerias, OpenSource, Programacion, Recursos, Web | wong it! | Ningún Comentario »

Sprinkle - Incluir Texto de Archivos Externos en Tu Sitio Con Javascript

Monday, Septiembre 24th, 2007

Tal ves con el titulo no quede muy claro lo que hace esta libreria pero aqui va una explicación mas detallada. Sprinkle es una libreria en javascript que emula el comportamiento de SSI (Server-Side Includes) el creador le dice CSI (Client-Side Includes) y basicamente lo que hace es incluir en un contenedor (div, input) el contenido de un archivo externo.

Su uso es bastante simple solo incluimos la libreria sprinkle en nuestra página y al div contenedor le agregamos un atributo src con la ruta del archivo a incluir.

<divsrc=”info.html”>></div>

Tambien tiene otros atributos que nos pueden ser de utilidad. Para mas información pueden entrar a la web de Sprinkle

[Descargar Sprinkle]

Publicado en Desarrollo, General, Javascript, Javascripts, Librerias, Programacion, ajax | wong it! | 1 Comentario »

Accordion v2.0 - Efecto de Acordeón En Javascript Con Prototype y Scriptaculous

Friday, Septiembre 21st, 2007

Accordion v2.0 es una librería que permite crear un efecto de acordeón en javascript para esto utilizando prototype como framework y scritpaculous para los efectos. El peso de la librería es de tan solo 6KB por lo que es bastante ligero y la funcionalidad y efectos que nos presenta es muy atractiva.

Crear Efecto de Acordeon En Javascript Con Prototype

Entre las características que nos presenta esta librería están las siguientes:

Creación de acordeones verticales (los clásicos).
Permite también la creación de Acordeones horizontales.
El tamaño del contenedor del acordeón se adaptara dinámicamente al tamaño del texto que contenga.
Permite definir el evento por medio del cual se activa el acordeón.
Permite cambiar la velocidad de apertura del acordeón.

- Accordion v2.0 (Para mas información y modo de utilización)
- Descargar Accordion v2.0 (Incluye página demo)

Anteriormente utilizaba el acordeón de Rico pero en definitiva creo que la dejare para utilizar esta.

Vía: Del Icio

Publicado en Desarrollo, General, Javascript, Javascripts, Librerias, Recursos, Web, ajax | wong it! | 4 Comentarios »

CoolTips - Libreria de Tooltips Para Prototype y Scriptaculous

Thursday, Septiembre 20th, 2007

Libreria de Tooltips en Javascript con Prototype

Cooltips es una librería para tooltips creada en javascript no intrusivo. Esta librería utiliza el contenido establecido en el atributo title para los tooltips. Esta basada en Prototype Js y en Script.Aculo.Us.

Libreria Para Crear Tooltips en Javascript

Para ver la manera de implementar y ejemplos de la librería pueden acceder a la web del autor.

Enlace: Cooltips

Posts Relacionados:

Vía: WebAppers

Publicado en Desarrollo, General, Javascript, Javascripts, Librerias, Recursos | wong it! | Ningún Comentario »

Funcion sprintf en Javascript

Wednesday, Septiembre 19th, 2007

La función sprintf o printf es una de las funciones mas conocidas en la programación para el formato de cadenas. Y es que su uso puede ser de gran beneficio (dependiendo el caso) ya que nos puede ayudar entre otras cosas a mejorar la seguridad de nuestros programas (Andrés nos habla mas al respecto). Pues a Jan Moesen se le ha ocurrido la idea de portar la función sprintf a javascript basándose en la función sprintf de PHP.

sprintf() en javascript

function sprintf()
{
if (!arguments || arguments.length < 1 || !RegExp)
{
return;
}
var str = arguments[0];
var re = /([^%]*)%(‘.|0|\x20)?(-)?(\d+)?(\.\d+)?(%|b|c|d|u|f|o|s|x|X)(.*)/;
var a = b = [], numSubstitutions = 0, numMatches = 0;
while (a = re.exec(str))
{
var leftpart = a[1], pPad = a[2], pJustify = a[3], pMinLength = a[4];
var pPrecision = a[5], pType = a[6], rightPart = a[7];
//alert(a + ‘\n‘ + [a[0], leftpart, pPad, pJustify, pMinLength, pPrecision);
numMatches++;
if (pType == ‘%‘)
{
subst = ‘%‘;
}
else
{
numSubstitutions++;
if (numSubstitutions >= arguments.length)
{
alert(’Error! Not enough function arguments (‘ + (arguments.length - 1) + ‘, excluding the string)\nfor the number of substitution parameters in string (‘ + numSubstitutions + ‘ so far).‘);
}
var param = arguments[numSubstitutions];
var pad = ‘‘;
if (pPad && pPad.substr(0,1) == "’“) pad = leftpart.substr(1,1);
else if (pPad) pad = pPad;
var justifyRight = true;
if (pJustify && pJustify === “-“) justifyRight = false;
var minLength = -1;
if (pMinLength) minLength = parseInt(pMinLength);
var precision = -1;
if (pPrecision && pType == ‘f’) precision = parseInt(pPrecision.substring(1));
var subst = param;
if (pType == ‘b’) subst = parseInt(param).toString(2);
else if (pType == ‘c’) subst = String.fromCharCode(parseInt(param));
else if (pType == ‘d’) subst = parseInt(param) ? parseInt(param) : 0;
else if (pType == ‘u’) subst = Math.abs(param);
else if (pType == ‘f’) subst = (precision > -1) ? Math.round(parseFloat(param) * Math.pow(10, precision)) / Math.pow(10, precision): parseFloat(param);
else if (pType == ‘o’) subst = parseInt(param).toString(8);
else if (pType == ’s’) subst = param;
else if (pType == ‘x’) subst = (” + parseInt(param).toString(16)).toLowerCase();
else if (pType == ‘X’) subst = (” + parseInt(param).toString(16)).toUpperCase();
}
str = leftpart + subst + rightPart;
}
return str;
}