15
04
08

Booklaylet: Overlay Bookmarklet

12:10 Code

Booklaylet Bookmarklet Overlay IFrame

Giocando un po’ l’altro giorno con il progetto Filo di Bru e recentemente a causa dei problemi del plugin del.icio.us con Firefox 3 beta (non è stato ancora aggiornato) ho deciso di prendermi un istante di tempo e abbozzare uno script un po’ più furbo.

Ho quindi realizzato Booklaylet, un bookmarklet che può semplicemente essere modificato per caricare qualunque pagina: in questo modo potete avere un link che è in grado di aprire, nella stessa pagina in cui siete, un servizio esterno (caricato tramite iframe).

Inutile dirlo: non funziona su Internet Explorer. La versione 7 ha problemi con i CSS, mentre la versione 6 ha un limite di circa 508 caratteri di lunghezza. Firefox, Safari e Opera non hanno invece problemi.

Tutte le istruzioni sulla pagina di riferimento del progetto Argilla.

2 comments Add yours below

1

Andrea Bosso 2008 04 15 at 16:08

Ciao Davide,

il bookmarklet è notevole. prima ne usavo uno in pop-up, ma questo mi piace molto di più. Il layer mi è molto più web 2.0, qualsiasi cosa sia.

Posso fare una feature request? sarebbe utile copiare dalla pagina il testo selezionato e incollarlo nella description di del.icio.us.

ho guardato il codice del bookmarklet che usavo

javascript:q=location.href;p=document.title;e=window.getSelection();void(open('http://del.icio.us/new/trainstorming?jump=close&url='+escape(q)+'&title='+escape(p)+'&extended='+escape(e),'delicious','toolbar=no,width=700,height=500'));


da quel che ne capisco (apprendista stregone) dovrebbe essere un ";extended=" che viene inserito nel post della url.

Comunque sia, utile. grazie!

ciao
2

Folletto Malefico 2008 04 15 at 16:55

Lo stavo già valutando, devo solamente trovare un attimo di tempo. :)
Cmq grazie, mi hai incollato il codice.
Se vuoi provare, dovresti essere in grado di modificarlo in modo semplice: come vedi l'url è separato dal codice di generazione dell'overlay... basta che aggiungi la parte "&extended=" e "window.getSelection()" che hai identificato. :)

Leave your Comment

required

required, hidden, never shared

Some HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Trackback this post ~ Subscribe to the comments via RSS Feed