Bookmarklets de Google

11 mar. 2011

Bookmarklets de Google


Iba a hacer un post pequeño, luego grande, al final esto es lo que les comparto:



Mis bookmarklets, código javascript que se pone en la barra de marcadores, a veces una extensión de Chrome es solo un bookmarklet, bueno, estos son los que utilizo, para añadir alguno, solo selecciona el texto y arrástralo a la barra de marcadores, y si quieres ponle nombre:


1. Google Bookmarks: para añadir la página actual a marcadores pero en linea, para llevarlos donde sea (que haya internet). Maneja etiquetas.



El código el bookmarklet es:
javascript:(function(){var a=window,b=document,c=encodeURIComponent,d=a.open("http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk="+c(b.location)+"&title="+c(b.title),"bkmk_popup","left="+((a.screenX||a.screenLeft)+10)+",top="+((a.screenY||a.screenTop)+10)+",height=420px,width=550px,resizable=1,alwaysRaised=1");a.setTimeout(function(){d.focus()},300)})();
2. Bookmark Lists: para añadir la pagina actual a una lista, este servicio solo está disponible en inglés, a la fecha, hace parte de Google Bookmarks, Se las recomiendo, me han sido muy útiles.



El código el bookmarklet es:
javascript:(function(){var%20des=function(){var%20mes=document.getElementsByTagName("meta");for(var%20i=0,me;me=mes[i];i++){mea=me.getAttribute("name");if(mea%20&&%20mea.toUpperCase()=="DESCRIPTION"){return%20me.getAttribute("content");}}return%20"";}();var%20a=window,b=document,c=encodeURIComponent,cc=encodeURI,d=a.open("https://www.google.com/bookmarks/api/bookmarklet?output=popup&srcUrl="+c(b.location)+ "&snippet="+c(des)+"&title="+c(b.title),"bkmk_popup","left="+((a.screenX||a.screenLeft)+10)+",top="+((a.screenY||a.screenTop)+10)+",height=460px,width=550px,resizable=1,alwaysRaised=1");a.setTimeout(function(){d.focus()},300)})()
3. Añadir tarea: a la lista de tareas de Gmail, un servicio que podría solaparse con las Bookmarks Lists, pero es más sencillo.



Se le puede agregaar una fecha con click en lo rojo:


El código el bookmarklet es:
javascript:(function(){var a=window,b=document,c=encodeURIComponent,d=a.open("http://mail.google.com/tasks/ig","bkmk_popup","left="+((a.screenX||a.screenLeft)+10)+",top="+((a.screenY||a.screenTop)+10)+",height=420px,width=550px,resizable=1,alwaysRaised=1");a.setTimeout(function(){d.focus()},300)})();
4. Añadir evento a Google Calendar: Este es interesante, en el cuadro de diálog detecta la hora de inicio, por ej. asado 7pm o asado 7PM o asado 7pM (bueno ya me entendieron),  añade evento con descripción asado a las 7pm de hoy. Igual los lleva a una pagina donde editan los detalles.



Lo rojo es para mostrar la sincronización de las tareas y el calendario. Para elegir la hora, la segunda pestaña nos presenta esto:


El código el bookmarklet es:
javascript:var s;if(window.getSelection){s=window.getSelection();}else{s=document.selection.createRange().text;}var t=prompt('Please enter a description for the event',s);if(t){void(window.open(encodeURI('http://www.google.com/calendar/event?ctext='+t+'&action=TEMPLATE&pprop=HowCreated%3AQUICKADD'),'gcal'));}else{void(s);}
5. Redactar mail: 


El código el bookmarklet es:
 javascript:var w=window,u='https://mail.google.com/mail/?ui=2&view=cm&fs=1&tf=1',l=document.location;try{ throw(0); } catch(z) {a =function(){if(!w.open(u,'t','toolbar=0,resizable=0,status=1,width=600,height=500'))l.href=u;};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else a();}void(0)

Nota: He notado por algunas consultas que la barra de marcadores no siempre esta visible para Chrome. Para mostrarla abres una nueva pestaña y das clic derecho en los marcadores (cuando abres una nueva pestaña en blanco aparecen) y luego seleccionas la opción: "Mostrar siempre la barra de marcadores". Otra opción es Ctrl + Shift + B en la página que la quieran ver.

1 comentario :

  1. No me queda muy claro, creo que podria actualizar el post y hacerlo mas "For dummies" ;)

    ResponderEliminar