Prendendo spunto da una analoga funzione definita in Ubiquity (setTextSelection) che potete trovare qui, invece di aprire un fastidioso pop up ed inserirvi all’interno il codice generato, ora il codice viene innestato direttamente al posto del testo che era stato selezionato, se non si è selezionato alcun testo, verrà restituito il codice per inserire il solo collegamento alla pagina in un prompt. Pure l’utilizzo da barra dei segnalibri tramite keyword è stato migliorato sensibilmente.

Il bookmarklet sembra funzionare anche con Opera, con Safari non ho provato ma escludo funzioni (dovrei modificarlo un pochino), con IE credo proprio non funzioni.

Utilizzo

Ci sono due metodi per utilizzare il bookmarklet:
;

1. cliccandolo dalla barra dei segnalibri< ;
2. richiamandolo dalla barra degli indirizzi tramite keyword.

Nel primo caso, sarà sufficiente selezionare del testo e cliccare sul bookmarklet (opportunatamente posizionato nella barra dei segnalibri) . Il codice generato verrà inserito in una textarea al posto del testo selezionato.
Purtroppo, usando il bookmarklet in questo modo, non è possibile specificare nessun parametro opzionale. Di default, il codice generato è in formato BBCode. Se si vuole usare il bookmarklet in questa maniera e generare codice HTML, sarà necessario modificare manualmente il codice, nello specifico:

default_mode='b';

con:

default_mode='h';

Io comunque consiglio di utilizzare il bookmarklet via keyword.

Se al bookmarklet viene associata una keyword (o parola chiave che dir si voglia), sarà possibile utilizzarlo dalla barra degli indirizzi. In questa modalità sono disponibili dei parametri opzionali.. Supponiamo ad esempio di aver associato al bookmarklet la keyword cita, ecco un esempio generico di utilizzo:

cita [opzioni] "nuova descrizione del link"

dove opzioni possono essere: -testo, -html e -bbcode. Il testo racchiuso fra apici verrà usato come descrittore del link al posto del titolo della finestra.

Il bookmarklet non è schizzignoso e riconosce le opzioni anche se contratte (t, h e b).

Esempi

Ecco un esempio dell’output del codice (HTML) generato dal bookmarklet:

Bookmarklet – Wikipedia

Un bookmarklet è un piccolo programma JavaScript che può essere memorizzato come un normale URL all’interno dei segnalibri (bookmark in inglese) nei browser Web più popolari, o all’interno degli hyperlinks di una pagina Web. I bookmarklet sono anche detti favlets o favelets per via del fatto che Internet Explorer utilizza il termine “Favorites” (preferiti in italiano) per indicare appunto i segnalibri.

Supponendo di aver indicizzato il bookmarklet con la parola chiave cita ecco alcuni esempi di utilizzo:

cita t

Viene ritornato il link e il testo selezionato fra caporali («») per eseguire una citazione senza formattazione.

cita -h "questo link

Genera il codice HTML per fare la citazione. Come descrittore del link viene usato il codice fra virgolette (questo link).

cita "questo link"questo link.

Il bookmarklet

Il bookmarklet è questo:

<< Cita >>

trascinarlo nella barra dei segnalibri ed indicizzarlo con una parola chiave (clic destro -> Proprietà). Se si usa Opera, aggiungerlo come search plugin.
EDIT: Potete reperirlo anche su Foxmarks. Anzi, è possibile che la copia sincronizzata su Foxmarks sia più aggiornata.

Se c’è qualche errore potete segnalarlo nei commenti e lo correggo. Per provarlo, selezionare del testo e cliccarci sopra .

Impostare una favicon per il bookmarklet

Per concludere, inserisco il codice necessario per associare un’iconcina al bookmarklet. Purtroppo, ai bookmarklet viene associata un’icona anonima e pure bruttina, che poco aiuta al suo riconoscimento e che essendo visibile nella barra degli strumenti rovina l’aspetto visivo di Firefox. Io non amo le favicon , e anzi dal menu segnalibri preferisco toglierle di mezzo, però nella barra dei segnalibri una loro utilità ce l’hanno, soprattutto se si decide come nel mio caso di rimuovere il testo del bookmarklet lasciando solo l’icona dello stesso.

Visto la funzione del bookmarklet, ho scelto la favicon di Wikiquote. Il codice va messo nel file userchrome.css o aggiunto come nuovo stile in Stylish. Se si cambia il nome del bookmarklet il codice potrebbe non funzionare, se non sapete come farlo funzionare lasciate un commento.

NOTA: il codice non associa una favicon al bookmarklet in via generale, ma soltanto quando questo si trova nella barra dei segnalibri., quindi se non lo si aggiunge alla barra dei segnalibri è assolutamente inutile !

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* Aggiunge la favicon  di Wikiquote al bookmarklet per fare citazioni */
toolbarbutton.bookmark-item[label^="Cita"]
{
list-style-image: url("http://wikiquote.org/favicon.ico") !important;
}

/* questo codice aggiuntivo serve per rimuovere il testo e lasciare solo la favicon sulla barra dei segnalibri, ottimo per risparmiare spazio.
/* per eseguire il codice qui di seguito riportare la chiusura del commento su questa riga
toolbarbutton.bookmark-item[label$^"Cita"] > .toolbarbutton-text {
display: none !important;

Enjoy

Technorati Tags: bookmarklet, blog, forum, javascript

Basta aggiungerlo ai segnalibri e associargli una keyword, io ad esempio ho scelto blog. Una volta associata la keyword, basterà digitare la keyword seguita da uno dei seguenti commandi per andare alla pagina desiderata.

Esempi:

• blog scrivi – va alla pagina per la scrittura di un nuovo articolo;
• blog bacheca – fa il login e si porta sulla pagina principale (Bacheca);
• blog plugin – va alla gestione dei plugin;
• blog gestione – va alla pagina per la gestione del blog;
• blog opzioni – va alla pagina delle opzioni generali di WordPress;
• blog – senza parametri o con un parametro diverso da quelli qui indicati, manda alla home del blog.

Questi invece sono attivi solo se si usa K2 (il primo) e il plugin Wp-backup (il secondo):

• blog k2 – porta alla pagina di gestione della barra laterale di K2;
• blog backup – porta alla pagina per effettuare un backup del database (via wp-backup);

Si possono, con un minimo di conoscenza di Javascript, aggiungerne anche altri, a me per ora questi bastano visto che sono quelli che visito più spesso ,.

Per farlo funzionare su un blog diverso dal mio, sostituire:

javascript:var s='%s';url='http://www.gialloporpora.org';

con l’indirizzo della home del proprio blog. Fine. Ecco il bookmarklet:

<–Quick bookmarklet to wordpress blog–>

Trascinarlo nella barra degli indirizzi e poi indicizzarlo con una keyword. Io l’ho provato solo con Firefox 3, però credo possa funzionare anche con Opera, casomai domani verifico .

EDIT: Funziona egregiamente anche con Opera , la procedura per aggiungerlo è un po’ diversa da quella da eseguire con Firefox, il link va infatti aggiunto come motore di ricerca invece che come segnalibro. Per sapere come fare, leggere: Engelium.

Ne ho anche uno per i forum SMF ottimizzato per due o tre sezioni del forum di MozillaItalia, quando ho voglia (cioè forse mai visto che a me va bene anche così ) di aggiungerci tutte le sezioni magari lo posto. Ovvio che se qualcuno lo vuole così com’è glielo passo .

Technorati Tags: bookmarklet, wordpress, keyword, savetime

Ho creato (in risposta ad un'idea che ha avuto @episodico su it-alt.comp.software.mozilla) un piccolo bookmarklet per rendere più semplici le citazioni. Questo è il codice:

javascript:var q=document.getSelection();if (q!='') q='[blockquote]'+q+'[/blockquote]';var testo=prompt('copia e incolla il bbcode', '[url='+location.href+']questo[/url]]'+q);

(testato solo con Firefox e Seamonkey)

Per usarlo ci sono due metodi: inserirlo nella barra degli strumenti come bookmarklet vero e proprio oppure assegnargli una parola chiave e richiamarlo da barra degli indirizzi.

Una volta eseguito, viene mostrata una finestrella di dialogo da cui è possibile copiare il BBCode per inserire la citazione alla pagina. Se inoltre si seleziona del testo questo verrà quotato col tag BBCode blockquote.
Inutile dire che si può modificare a piacimento.

L'unico problema è che non viene inserito un carattere di line break fra il link e la citazione, se qualcuno sa come si aggiungono linee alla finestrella chiamata col comando prompt mi farebbe un gran favore a spiegarmelo nei commenti così miglioro lo script .

AGGIORNAMENTO: ho modificato il bookmarklet in modo che il BBCode venga visualizzato in una textarea di una popup e non nella finestrella del prompt. In questo modo il BBCode apparirà su più linee e anche se il testo quotato è molto lungo viene inserito correttamente. Ecco il nuovo bookmarklet:

javascript:var q=document.getSelection();if (q!='') q='[blockquote]'+q+'[/blockquote]';var u='[url='+location.href+']questo[/url]';finestra=window.open('','BBCode','location=no,toolbar=no,scrollbars=yes,width=350,height=450,status=no');finestra.document.write('<html><title>BBCode</title><body style="background-color:#456;color:#ffffff"><h3>Fare copia e poi incolla del BBCode:</h3><textarea cols="30" rows="20">'+u+'\n'+q+'</textarea></body></html>');

AGGIORNAMENTO2: questa è un'altra versione che al posto di inserire il link come "questo" mette l'esatto titolo della finestra da cui state citando (nei blog per avere il titolo alla notizia dovete accertarvi di leggere la notizia da permalink)

javascript:var q=document.getSelection();if (q!='') q='[blockquote]'+q+'[/blockquote]';var u='[url='+location.href+']'+document.title+'[/url]';finestra=window.open('','BBCode','location=no,toolbar=no,scrollbars=yes,width=350,height=450,status=no');finestra.document.write('<html><title>BBCode</title><body style=%22background-color:#456;color:#ffffff%22><h3>Fare copia e poi incolla del BBCode:</h3><textarea cols=%2230%22 rows=%2220%22>'+u+'\n'+q+'</textarea></body></html>');

Per utilizzarlo è necessario modificare il codice sostituendo i valori tuo_nome, tua_email e tuo_url con i vostri dati personali che desiderate utilizzare quando commentate su un blog. Il codice è questo:

javascript: (function(){var a="tuo_nome" ,m="tua_email" ,u="tuo_url"; function f(f,r){if(document.getElementById(f)) document.getElementById(f).value=r;} f("author",a); f("name",a); f("uname",a); f("edit-name",a); f("email",m); f("mail",m); f("edit-mail",m); f("url",u); f("website",u); f("edit-homepage",u);f("comment_name",a); f("comment_email",m);f("comment_url",u); if(document.getElementById( "iden-other")) document.getElementById( "iden-other").click(); })()

Dopo aver apportato le opportune modifiche al codice basterà aggiungerlo ai segnalibri (CTRL-D) e copiarlo nel campo indirizzo. Per un facile accesso vi consiglio di metterlo nella cartella "Barra dei segnalibr"i .

Non credo sia difficile trasformarlo in un userscript per Greasemonkey ma ci sarebbero due problemi:
1) se si scegliesse di eseguirlo su ogni pagina web potrebbe completare anche dei form indesiderati, alla peggio si potrebbe anche creare pagine web per fregarvi le emai;
2) se invece si sceglie di aggiungere manualmente i blog in cui eseguirlo perderebbe la sua immediatezza.

Fra l'altro se volete commentare su questo blog vi può tornare utile perché mi sembra che SPB non gestisca i cookie per ricordarsi del vostro passaggio, come invece fanno quasi tutti gli altri blog .

Il codice originale lo trovate sul blog di Andrea Micheloni che è l'autore di questo simpatico bookmarklet. Se Vi consiglio inoltre di abbonarvi al feed RSS del suo blog in modo da essere informati dei suoi nuovi post .