Menú contextual mediante Javascript

ByLuis

Libería Javascript para crear un menú contextual cuando se pincha con el botón derecho del ratón, centrado en el contenido en el que se pulsa.contextmenu.png

Entre las opciones que ofrece está:

  • Opciones del menú que enlazan a cualquier sitio.
  • Opciones del menú que realizan cualquier función de Javascript.
  • Opciones del menú que muestran texto estatico.
  • Opciones del menú que recuperan texto vía una llamada Ajax.
  • Separadores de opciones en el menú.
  • Iconos para las opciones del menú.
  • Diferentes menús que son llamados dependiendo del elemento que se pulsa.
  • Todos los elementos del menú tienen etiquetas que son transformadas en tiempo de ejecución por los valores introducidos en el elemento pulsado.
  • Evaluación condicional de las opciones del menú, una opción se puede mostrar o no dependiendo de una condición en la plantilla del menú.
  • Estilos CSS.
  • Javascript no obtrusivo.

Right Context

Vía / Ajaxian

Similar Posts

|

Javascript 1.7 en Firefox 2

ByLuis

Una de las nuevas características que nos trae Firefox 2 es el soporte para Javascript 1.7. Entre las novedades que nos encontramos está:

  • Generadores: una forma de ejecutar procesos iterativos, usando yield para “congelar” el valor de una variable y usando next() para realizar la llamada al siguiente estado.
  • Iterators: en vez de usar for…in y for each…in, nos podemos crear un iterador, mediante Iterator(), para realizarlo de una forma más sencilla.
  • Comprensión de arrays: una forma sencilla de inicializar el valor de arrays.
  • Sentencia let: para modificar el alcance de variables para un bloque de código.
  • Devolver varios valores: la posibilidad de que una función devuelva varios valores.

Más información

New in JavaScript 1.7

Javascript 1.7 en Firefox 2

Vía / SitePoint

Plugin jQuery para validar contraseñas

ByLuis

Aquellos que necesiten que en su aplicación web los usuarios introduzcan contraseñas seguras, podrán añadir este plugin jQuery que comprobará si las contraseñas tienen ciertas carácterísticas que las hacen seguras:

  • Uso de mayúsculas y minúsculas
  • Uso de números
  • Uso de caracteres especiales
  • Longitud de la contraseña
  • U opcionalmente similar a un username

El plugin mostrará un mensaje indicando la calidad de la contraseña y un color acorde a ésta.

jQuery plugin: Password Validation

Vía / Script & Style

JSZip: crear ficheros ZIP mediante Javascript

ByLuis

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.

JSZip

Vía / @devongovett

Geolocalización por IP mediante Javascript y JSON

ByLuis

Sencillo script que nos devuelve un JSON con la geolocalización según la IP, usando los datos sacados de iplocationtools.com:

function getLocation(){
script = document.createElement('script')
script.src = 'http://www.nitinh.com/ip_query.php?callback=initialize'
document.body.appendChild(script)
}
function initialize(obj){
document.getElementById('spanLocation').innerHTML = obj['City'] + ', ' + obj['RegionName'] + ', ' + obj['CountryName'];
}

IP Address Geolocation Javascript API : JSON

Vía / korayem

Javascript: getElementsBy

ByLuis

Uno de los problemas con los que nos solemos encontrar cuando programamos en Javascript es el modo en el que obtenemos los elementos HTML que deseamos tratar, a parte del conocido getElementById(), existen otros, algunos estándar y otros desarrollados por otra gente.

Una interesante lista con todos ellos reunidos: getElementById (W3C, Prototype JavaScript framework), getElementsByName (W3C), getElementsByTagName (W3C), getElementsByTagNames (Peter-Paul Koch), getElementsByClassName (Prototype JavaScript framework, Stuart Colville, Robert Nyman, Jonathan Snook), getElementsBySelector (Dean Edwards, Olivier Gambier, Prototype JavaScript framework 1.0.5rc2, Simon Willison, jQuery, Joe Hewitt), getElementsByAttribute (Robert Nyman, David “liorean” Andersson, Jack Sleight) y getElementsByAnything (Matthew Pennell)

getElementsBy*()

Vía / Menéame