Bookmarklet, el poder de JS

Publicado por snoop, Agosto 15, 2006, 16:23:10

Tema anterior - Siguiente tema

0 Miembros y 1 Visitante están viendo este tema.

snoop

Javascript es un lenguaje de scripting que corre del lado del cliente y que lo interpreta y ejecuta el browser (navegador).

Estos scripts suelen utilizarse para varias cosas, entre ellas validaciónes y manejo de formularios, que como son corridos del lado del cliente tambien DEBEN ser validados del lado del servidor, no sea cuestion de que una persona envie una peticion especialmente formada (o utilize esta extension de firefox).

Un bookmarklet no es mas que un vinculo a una función "javascirpt:..." que nos permite modificar ciertos aspectos de la página, o realizar ciertos eventos, mas info en wikipedia: http://es.wikipedia.org/wiki/Bookmarklet

De hecho hay paginas que se basan en este tipo de herramientas como del.icio.us.

Estos pequeños scripts nos pueden ayudar a hacer muchas cosas acá pongo unos ejemplos de unos que arme:
- Truquear un juego (se pueden acceder a funciones como a variables de los scripts :o )
- Obtener las stats de un ED2K link (tambien se explica como poner un bookmarklets en los 3 navegadores mas conocidos).

Y otro ejemplo:
Imaginemos que somos de postear muchos albums en DD, pero te molesta andar buscando el TXT en tu disco donde tenes la plantilla que hay de ejemplo, abrirlo, copiar, volver al navegador y pegar.
Entonces, decidis hacer un bookmarklet que te haga todo ese trabajo por vos:
Cambiar "[" por "!" y "]" por "¡".
javascript:function a(){document.getElementById('sntexareaid').value="!center¡!b¡!size=14pt¡ARTISTA - DISCO (AÑO)!/size¡!/b¡\n!/center¡!hr¡\n!table¡!tr¡!td¡\n!center¡!img¡http://DIRECCION DIRECTA A LA IMAGEN!/img¡!/center¡\n!/td¡\n!td¡\n!list¡\nLISTADO DE TEMAS (1 POR RENGLON)\n!/list¡\n!/td¡\n!/tr¡!/table¡\n!hr¡\n!table¡!tr¡!td¡\n:arrow: !b¡Formato:!/b¡ FORMATO DE AUDIO (MP3, MPC, OGG, ETC)\n:arrow: !b¡Calidad:!/b¡ BITRATE DE AUDIO (128,192,256, ETC)\n:arrow: !b¡Tamaño:!/b¡ MB\n:arrow: !b¡Ripper/Uploader:!/b¡ Trip (Argentop2p.net)\n:arrow: !b¡Descarga:!/b¡ !code¡LINK A LA DESCARGA!/code¡\n:arrow: !b¡Password para descomprimir:!/b¡ !code¡PASSWORD!/code¡\n!/td¡!/tr¡!/table¡";};a();void(null)
Obviamente esto es solo un ejemplo y se puede modificar para cualquier otra necesidad (modificando el "getElementById").

Ademas podemos realizar nuestras propias botoneras (ejemplos) y tomar scripts desde mas complejos (un .js) desde una url como lo hace blummy (excelente ejemplo, ademas se ve como agrega objetos del DOM).

En fin, hay cientas de paginas donde ya hay bookmarklet armados, pero lo interesante es armar uno cuando lo necesitemos, a nuestra necesidad :)

Tambien hay que tener en cuenta que ciertos navegadores tienen determinadas limitaciones con los bookmarklets o necesitan determinada cosa para funcionar, acá hay mas ejemplos para el opera.

Hay que tener en cuenta que si una funcion devuelve un valor se debera poner un void(funcion()).

Bueno a ver si con esta introduccion alguno se anima y postea uno que se hayan armado ;)

Saludos,
Snoop
¿ Tu emule te aparece así ---- ? ¡¡ Tenés LOWID !! : >>SOLUCIÓN<<

snoop

Este lo arme hace poquito, es simplon pero me resulto de mucha útildad.
Por ejemplo, estamos navegando y ups, queremos postear esa url en Argentop2p (o cualquier foro con soporte BBCode)... lo normal seria hacer click en la barra de direcciones y control+c.
Pero al postearlo quedara feo:
http://www.example.com
Con este bookmarklet obtenemos tambien el título (y ya el codigo bbcode armado), y queda mas mejor :P :
Example Web Page

BBCode URL
javascript:z=prompt('BBCode URL','[url='+document.location.href+']'+document.title+'[/url]');
¿ Tu emule te aparece así ---- ? ¡¡ Tenés LOWID !! : >>SOLUCIÓN<<

Camello_AR


revival

snoop muy bueno, desde la ignorancia veo las posibilidades, gracias  ;D