Recopilación de utilidades Javascript

ByLuis June 12, 2006

Una interesante lista de utilidades Javascript, agrupadas por acciones sobre enlaces (buscar enlaces, ocultar visitados, eliminar redirecciones, …), interactuaciÃ³n con formularios (transformar POST en URLs, mostrar ocultos, …), uso de texto y datos (resaltar, ordenar tablas, …), reemplazar objetos (mostrar el texto alternativo de las imÃ¡genes en lugar de estas, quitar plugins, …), desarrollo web (shell, modificar estilos, …), validaciones (urls de imÃ¡genes incorrectas, validacion de HTML, …) y por Ãºltimo un grupo de utilidades varias (traducir la pÃ¡gina, editarla, …).
Bookmarklets
VÃa / aNieto2K

Grafismo | Trucos

Sanscons, iconos modificables mediante CSS

ByLuis March 22, 2006

Una colección interesante de iconos que cambian de color mediante CSS, a parte de la colección, es interesante aprenderse el método y usarlo para tus propios diseños.

El método es sencillo, crear una imagen con el contenido en un color blanco (para que sea más sencillo ajustarlo con otros colores) y poner el fondo transparente, así, si se cambia el fondo mediante CSS, cambiará el fondo del icono.

 <img class="icon" src="icono.gif" alt="icon"/>

 .icon {
background-color:#f00;
}

Sanscons

Vía / Intenta

Javascript

jQuery Graceful Websocket: plugin jQuery para websockets

ByLuis April 18, 2011

jQuery Graceful Websocket es un plugin jQuery que nos permite comunicarnos con el servidor usando websockets de HTML5. El problema es que tan solo Chrome permite los websokets (creo que Firefox los tiene desactivados por defecto por temas de seguridad), además se necesita que el servidor los pueda tratar, por lo que este plugin permite una alternativa mediante Ajax transparente al desarrollador.

// Si el servidor no admite websockets sustituye el ws:// por http://
var ws = $.gracefulWebSocket("ws://127.0.0.1:8080/");
// Envía datos al servidor. 
// Si el servidor no admite websockets lo envía mediante POST
ws.send("message to server");
// Recibe datos del servidor
// Si el servidor no admite websockets hace un polling mediante GET
ws.onmessage = function (event) {
   var messageFromServer = event.data;   
};

WebSocket plugin for jQuery with graceful degradation

Javascript

Manejar y generar excepciones en Javascript

ByLuis July 23, 2010

Los que hemos trabajado con Java estamos acostumbrados a tratar y lanzar excepciones para controlar los errores, algo que en Javascript no es muy común, pero en librerías algo elaboradas podría ser muy útil.

// Clases de errores
function DivisionByZeroError() {
    this.name = "DivisionByZeroError";
}
function DivisionByStringError() {
    this.name = "DivisionByStringError";
}
// Funcion que devuelve un error
function divisionCanFail(a, b) {
    if (b == 0) {
        throw new DivisionByZeroError();
    }
    if (typeof b == "string") {
        throw new DivisionByStringError();
    }
    return a / b;
}
// Funcion de test
function decoratedDivision(a, b) {
    try {
        alert(divisionCanFail(a, b));
    } catch (error if (error.name == "DivisionByZeroError")) {
        alert("A division by zero...");
        alert("Exception class: " + error.name);
    } catch (error if (error.name == "DivisionByStringError")) {
        alert("Exception class: " + error.name);
    }
}

decoratedDivision(5, "isThisANumber?!");
decoratedDivision(5, 0);

Exceptional JavaScript

Javascript

iJab: chat javascript usando XMPP/Jabber

ByLuis January 19, 2010

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

Vía / WebAppers

Windows

Los 10 mejores trucos para XP

ByLuis April 25, 2006

Yahoo! News ofrece una lista con los 10 mejores trucos de todos los tiempos para Windows XP. Una lista interesante que nos puede ayudar a mejorar el rendimiento de nuestra máquina:

Parar servicios en background para mejorar el rendimiento.
Aumentar el espacio libre en disco reduciendo el número de “System Restore”.
Limpia tu disco duro con Windows Support Tools.
Usa dos monitores con el mismo PC.
Fuerza a que se cierren las aplicaciones que no responden cuando se apaga el ordenador.
Optimiza tu disco duro automáticamente.
Fija la resolución de pantalla que desees.
Estate al tanto de los cambios hechos en el registro.
Recupera datos perdidos.
Loguearse automáticamente cuando se cierra el Windows automáticamente.

Top 10 Windows XP Tips Of All Time

Vía / Lifehacker

Javascript

Dividir un texto mediante DOM en Javascript

ByLuis January 9, 2007

Os voy a pasar un pequeÃ±o script que nos dividirÃa un elemento de texto HTML (TEXT_NODE) en distintas partes. QuizÃ¡s os pueda resultar un script extraÃ±o, pero se puede usar poner en negrita palabras o alguna otra cosa, yo en mi caso ya le he encontrado utilidad un par de veces y ahora estoy usÃ¡ndolo otra vez en algo que os contarÃ© mÃ¡s adelante (espero que dentro de poco tiempo).

Imaginaros que tenemos un elemento HTML que es realmente un nodo de texto (pensad en DOM, no en innerHTML), por ejemplo:

var elem = document.createTextNode('Esto es una prueba');
document.body.appendChild(elem);

Ahora queremos cambiar “es una” por “es una“. Lo que tendrÃamos que hacer es dividir en texto en tres partes “Esto “, “es una”, ” prueba”, crearemos tres objetos de texto, cada una con cada trozo de texto y luego un elemento STRONG en el que incluiremos el texto del medio. Por Ãºltimo incluimos los elementos nuevos y eliminamos el anterior.

// Obtenemos primera parte de texto
var parte = elem.nodeValue.substring(0,
elem.nodeValue.indexOf("es una"));
// Creamos elemento de texto con contenido "Esto "
var obj = document.createTextNode(parte);
// Insertamos nuevo elemento
elem.parentNode.insertBefore(obj, elem);
// Obtenemos segunda parte de texto
parte = elem.nodeValue.substring(elem.nodeValue.indexOf("es una"), elem.nodeValue.indexOf("es una")+6);
// Creamos elemento de texto con contenido "es una"
obj = document.createTextNode(parte);
// Lo aÃ±adimos a un objeto STRONG
var negrita = document.createElement("STRONG");
negrita.appendChild(obj);
// Insertamos nuevo elemento
elem.parentNode.insertBefore(negrita, elem);
// Obtenemos tercera parte de texto
parte = elem.nodeValue.substring(elem.nodeValue.indexOf("es una")+6);
// Creamos elemento de texto con contenido "es una"
obj = document.createTextNode(parte);
// Insertamos nuevo elemento
elem.parentNode.insertBefore(obj, elem);
// Eliminamos elemento anterior
elem.parentNode.removeChild(elem);

Grafismo | Trucos

Sanscons, iconos modificables mediante CSS

ByLuis March 22, 2006

Una colección interesante de iconos que cambian de color mediante CSS, a parte de la colección, es interesante aprenderse el método y usarlo para tus propios diseños.

 <img class="icon" src="icono.gif" alt="icon"/>

 .icon {
background-color:#f00;
}

Sanscons

Vía / Intenta

Javascript

jQuery Graceful Websocket: plugin jQuery para websockets

ByLuis April 18, 2011

// Si el servidor no admite websockets sustituye el ws:// por http://
var ws = $.gracefulWebSocket("ws://127.0.0.1:8080/");
// Envía datos al servidor. 
// Si el servidor no admite websockets lo envía mediante POST
ws.send("message to server");
// Recibe datos del servidor
// Si el servidor no admite websockets hace un polling mediante GET
ws.onmessage = function (event) {
   var messageFromServer = event.data;   
};

WebSocket plugin for jQuery with graceful degradation

Javascript

Manejar y generar excepciones en Javascript

ByLuis July 23, 2010

// Clases de errores
function DivisionByZeroError() {
    this.name = "DivisionByZeroError";
}
function DivisionByStringError() {
    this.name = "DivisionByStringError";
}
// Funcion que devuelve un error
function divisionCanFail(a, b) {
    if (b == 0) {
        throw new DivisionByZeroError();
    }
    if (typeof b == "string") {
        throw new DivisionByStringError();
    }
    return a / b;
}
// Funcion de test
function decoratedDivision(a, b) {
    try {
        alert(divisionCanFail(a, b));
    } catch (error if (error.name == "DivisionByZeroError")) {
        alert("A division by zero...");
        alert("Exception class: " + error.name);
    } catch (error if (error.name == "DivisionByStringError")) {
        alert("Exception class: " + error.name);
    }
}

decoratedDivision(5, "isThisANumber?!");
decoratedDivision(5, 0);

Exceptional JavaScript

Javascript

iJab: chat javascript usando XMPP/Jabber

ByLuis January 19, 2010

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

Vía / WebAppers

Windows

Los 10 mejores trucos para XP

ByLuis April 25, 2006

Yahoo! News ofrece una lista con los 10 mejores trucos de todos los tiempos para Windows XP. Una lista interesante que nos puede ayudar a mejorar el rendimiento de nuestra máquina:

Parar servicios en background para mejorar el rendimiento.
Aumentar el espacio libre en disco reduciendo el número de “System Restore”.
Limpia tu disco duro con Windows Support Tools.
Usa dos monitores con el mismo PC.
Fuerza a que se cierren las aplicaciones que no responden cuando se apaga el ordenador.
Optimiza tu disco duro automáticamente.
Fija la resolución de pantalla que desees.
Estate al tanto de los cambios hechos en el registro.
Recupera datos perdidos.
Loguearse automáticamente cuando se cierra el Windows automáticamente.

Top 10 Windows XP Tips Of All Time

Vía / Lifehacker

Javascript

Dividir un texto mediante DOM en Javascript

ByLuis January 9, 2007

Imaginaros que tenemos un elemento HTML que es realmente un nodo de texto (pensad en DOM, no en innerHTML), por ejemplo:

var elem = document.createTextNode('Esto es una prueba');
document.body.appendChild(elem);

// Obtenemos primera parte de texto
var parte = elem.nodeValue.substring(0,
elem.nodeValue.indexOf("es una"));
// Creamos elemento de texto con contenido "Esto "
var obj = document.createTextNode(parte);
// Insertamos nuevo elemento
elem.parentNode.insertBefore(obj, elem);
// Obtenemos segunda parte de texto
parte = elem.nodeValue.substring(elem.nodeValue.indexOf("es una"), elem.nodeValue.indexOf("es una")+6);
// Creamos elemento de texto con contenido "es una"
obj = document.createTextNode(parte);
// Lo aÃ±adimos a un objeto STRONG
var negrita = document.createElement("STRONG");
negrita.appendChild(obj);
// Insertamos nuevo elemento
elem.parentNode.insertBefore(negrita, elem);
// Obtenemos tercera parte de texto
parte = elem.nodeValue.substring(elem.nodeValue.indexOf("es una")+6);
// Creamos elemento de texto con contenido "es una"
obj = document.createTextNode(parte);
// Insertamos nuevo elemento
elem.parentNode.insertBefore(obj, elem);
// Eliminamos elemento anterior
elem.parentNode.removeChild(elem);

Grafismo | Trucos

Sanscons, iconos modificables mediante CSS

ByLuis March 22, 2006

Una colección interesante de iconos que cambian de color mediante CSS, a parte de la colección, es interesante aprenderse el método y usarlo para tus propios diseños.

 <img class="icon" src="icono.gif" alt="icon"/>

 .icon {
background-color:#f00;
}

Sanscons

Vía / Intenta

Javascript

jQuery Graceful Websocket: plugin jQuery para websockets

ByLuis April 18, 2011

// Si el servidor no admite websockets sustituye el ws:// por http://
var ws = $.gracefulWebSocket("ws://127.0.0.1:8080/");
// Envía datos al servidor. 
// Si el servidor no admite websockets lo envía mediante POST
ws.send("message to server");
// Recibe datos del servidor
// Si el servidor no admite websockets hace un polling mediante GET
ws.onmessage = function (event) {
   var messageFromServer = event.data;   
};

WebSocket plugin for jQuery with graceful degradation

Javascript

Manejar y generar excepciones en Javascript

ByLuis July 23, 2010

// Clases de errores
function DivisionByZeroError() {
    this.name = "DivisionByZeroError";
}
function DivisionByStringError() {
    this.name = "DivisionByStringError";
}
// Funcion que devuelve un error
function divisionCanFail(a, b) {
    if (b == 0) {
        throw new DivisionByZeroError();
    }
    if (typeof b == "string") {
        throw new DivisionByStringError();
    }
    return a / b;
}
// Funcion de test
function decoratedDivision(a, b) {
    try {
        alert(divisionCanFail(a, b));
    } catch (error if (error.name == "DivisionByZeroError")) {
        alert("A division by zero...");
        alert("Exception class: " + error.name);
    } catch (error if (error.name == "DivisionByStringError")) {
        alert("Exception class: " + error.name);
    }
}

decoratedDivision(5, "isThisANumber?!");
decoratedDivision(5, 0);

Exceptional JavaScript

Javascript

iJab: chat javascript usando XMPP/Jabber

ByLuis January 19, 2010

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

Vía / WebAppers

Windows

Los 10 mejores trucos para XP

ByLuis April 25, 2006

Yahoo! News ofrece una lista con los 10 mejores trucos de todos los tiempos para Windows XP. Una lista interesante que nos puede ayudar a mejorar el rendimiento de nuestra máquina:

Parar servicios en background para mejorar el rendimiento.
Aumentar el espacio libre en disco reduciendo el número de “System Restore”.
Limpia tu disco duro con Windows Support Tools.
Usa dos monitores con el mismo PC.
Fuerza a que se cierren las aplicaciones que no responden cuando se apaga el ordenador.
Optimiza tu disco duro automáticamente.
Fija la resolución de pantalla que desees.
Estate al tanto de los cambios hechos en el registro.
Recupera datos perdidos.
Loguearse automáticamente cuando se cierra el Windows automáticamente.

Top 10 Windows XP Tips Of All Time

Vía / Lifehacker

Javascript

Dividir un texto mediante DOM en Javascript

ByLuis January 9, 2007

Imaginaros que tenemos un elemento HTML que es realmente un nodo de texto (pensad en DOM, no en innerHTML), por ejemplo:

var elem = document.createTextNode('Esto es una prueba');
document.body.appendChild(elem);

// Obtenemos primera parte de texto
var parte = elem.nodeValue.substring(0,
elem.nodeValue.indexOf("es una"));
// Creamos elemento de texto con contenido "Esto "
var obj = document.createTextNode(parte);
// Insertamos nuevo elemento
elem.parentNode.insertBefore(obj, elem);
// Obtenemos segunda parte de texto
parte = elem.nodeValue.substring(elem.nodeValue.indexOf("es una"), elem.nodeValue.indexOf("es una")+6);
// Creamos elemento de texto con contenido "es una"
obj = document.createTextNode(parte);
// Lo aÃ±adimos a un objeto STRONG
var negrita = document.createElement("STRONG");
negrita.appendChild(obj);
// Insertamos nuevo elemento
elem.parentNode.insertBefore(negrita, elem);
// Obtenemos tercera parte de texto
parte = elem.nodeValue.substring(elem.nodeValue.indexOf("es una")+6);
// Creamos elemento de texto con contenido "es una"
obj = document.createTextNode(parte);
// Insertamos nuevo elemento
elem.parentNode.insertBefore(obj, elem);
// Eliminamos elemento anterior
elem.parentNode.removeChild(elem);

Similar Posts