Rutarelativa

5 bookmarklet muy útiles

(0)

26 / Noviembre / 2009

Desarrollo

Desde que descubrí que los exploradores podían guardar en sus bookmarks (favoritos) código Javascript me puse a investigar y descubrí que este fenómeno se le denomina bookmarklet. Tras una rápida búsqueda por internet me encontré con varios, pero voy a destacar 5 bookmarklet muy útiles.

¿Que son los bookmarklet?

Trozos de códigos en Javascript que le dan al explorador funcionalidades extras. Estos se guardan en los bookmarks (favoritos) del explorador web y su ejecución se realiza mediante la barra de direcciones que darán al explorador funcionalidades extras, por ejemplo traducir un texto seleccionado con el traductor de Google, o redimensionar la ventana.

¿Como se crean?

Crea un nuevo marcador (favorito), añádele un nombre por ejemplo “bookmarklet 1” y en la dirección pega tu código Javascript.

Traducir texto mediante la herramienta de idioma de Google:

javascript:
	if( window.getSelection() == "" )
	{
		t = prompt( 'Traducir:','');
	}
	else
	{
		t = window.getSelection();
	}

	if( t != null && t != "")
	{
		f = document.createElement('form');
		f.action = "http://translate.google.com/translate_t";
		f.method = "post";
		f.target = "_blank";
		q=document.createElement('input');
		q.name="text";
		q.type="hidden";
		l=document.createElement('input');
		l.name="langpair";
		l.type="hidden";
		q.value=t;
		l.value=(window.getSelection()=="")? "es|en": "en|es";
		f.appendChild(q);
		f.appendChild(l);
		document.getElementsByTagName( "body" )[0].appendChild(f);
		f.submit();
	}
	else
	{
		exit();
	}

Buscar en la Wikipedia:

javascript:(
	function()
	{
		q=document.getSelection();

		if(!q)
		{
			void(q=prompt( 'Busca en Wikipedia:',''))
		};

		if(q)
			location.href='http://es.wikipedia.org/w/wiki.phtml?search='+escape(q)
	})()

Redimensionar ventana a “1024×768″:

javascript:window.resizeTo(1024,768);

Acortar la Url que estamos visitando con Tinyurl:

javascript:void(window.open('http://tinyurl.com/create.php?url='+document.location.href));

Enviar por Gmail la página que estamos visitando:

javascript:(function()
{
	document.location.href='http://mail.google.com/mail/?view=cm&fs=1&su='+escape(document.title)+'(link)&body='+escape(document.location.href)
})();

Como véis todos estos códigos si los tenemos a mano nos pueden facilitar mucho las cosas, sobre todo si estamos realizando tareas que sean repetitivas o requieran realizar algunas de las funciones que hemos descrito. Si no estáis usando un explorador web que soporte marcadores (favoritos) y que dichos marcadores no puedan contener Javascript, ¿a qué esperas?; existen grandes navegadores como Firefox, Google Chrome u Opera entre otros.

Artículos relacionados

Cómo enviar información por POST con Javascript Publicado por sergiocius el día 19/05/2011Guardado en Desarrollo,Javascript
Mootip: Hint desarrollado en Javascript - Mootools Publicado por sergiocius el día 14/03/2011Guardado en Freebies
Defender of the Favicon: Juega en un favicon Publicado por sergiocius el día 09/12/2010Guardado en Anotaciones reducidas
Eliminar marco de Google Imágenes y no perder ninguna visita Publicado por sergiocius el día 01/12/2010Guardado en Desarrollo,Web
Caja de texto con calendario en Javascript y Mootools Publicado por sergiocius el día 29/11/2010Guardado en Desarrollo,Javascript

Sobre KeLDroX

297

Desarrollador en entornos web y Diseñador de profesión, muy activo, que busca siempre enfrentarse a retos cada vez más dificiles. Si un día no hago algo nuevo o no he superado alguna dificultad para mi es un día vacío. Cuento con dos titulaciones: Técnico en Explotación de Sistemas Informáticos y Técnico Superior en Desarrollo de Aplicaciones Informáticas. Fundé rutarelativa porque siempre quise tener un sitio en donde compartir mis experiencias profesionales y a los problemas que me enfrento día a día en el ámbito profesional.

Sigue a Ruta Relativa

Trackback en 5 bookmarklet muy útiles

Hasta el momento el artículo 5 bookmarklet muy útiles no tiene Trackbacks.

Comentarios en 5 bookmarklet muy útiles

Hasta el momento el artículo 5 bookmarklet muy útiles no tiene comentarios, sé el primero en comentar en él.

Escribir comentario en 5 bookmarklet muy útiles

¡Tu opinión nos interesa!. Escribe tu opinión lo más clara posible para que todos podamos entenderla, evita el spam, comentarios ofensivos, etc. ya que serán eliminados. Tu opinión sera moderada antes de ser publicada, por lo que su aparición en la web puede tardar unos minutos. Si deseáis ponerse en contacto para sugerencias o críticas podéis hacerlo desde el formulario de contacto.