Archivio per il tag blog

Bookmarklet per fare citazioni (4)

Come avevo preannunciato nel precedente post, questa è la versione (spero finale) del bookmarklet per fare citazioni. Essendo stato uno dei primi bookmarklet che ho creato (e all’inizio di Javascript ne sapevo poco o nulla) è stato modificato parecchie volte (pure troppe).

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.

screenshot che mostra come il codice viene inserito nella pagina web al posto del testo selezionato

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:

Genera il codice HTML necessario per eseguire la citazione. Come descrizione del link verrà usato il titolo della scheda visualizzato nella finestra del browser.

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 :-D

Technorati Tags: , , ,

Se ti è piaciuto l'articolo puoi votarlo. Grazie!

Bookmarklet per fare citazioni convertito in un Ubiquity command

Non so se qualcun altro al di fuori del sottoscritto lo abbia mai usato, però il bookmarklet che avevo creato per generare il BBCode (o il codice HTML) per effettuare una citazione, io lo trovavo davvero comodo. Il bookmarklet presente nel vecchio post, non dovrebbe funzionare con Firefox 3 (viene bloccato il popup), non è difficile modificarlo, e anzi mi devo ricordare di aggiornare il codice, perchè, che qualcuno lo usi o meno, ci tengo a tenere aggiornati i vecchi post, è una questione personale, non mi piace ci siano (anche se ce ne saranno sicuramente), cose che non funzionano.

In realtà, avevo già una mezza idea di fare una versione 4.0 del bookmarklet che invece di aprire quel brutto popup, inestasse il box col codice direttamente nella pagina, ma visto che è un mese che ho la bozza in locale e che non mi decido ad ultimarlo, propongo direttamente la versione Ubiquity del bookmarklet. Il motivo è presto detto, Ubiquity usa JQuery ed ha già una funzione bella e pronta per innestare il codice sostituendo addirittura quello selezionato :-D (setTextSelection).

Anzi se qualcuno che conosce il framework JQuery, mi dà una mano a convertire la funzione in normale Javascript mi farebbe davvero piacere (sto leggendo a riguardo, ma se qualcuno mi dà una mano è pure meglio :-D ).

Sperando che abbia fatto correttamente l'escaping di tutti i caratteri, il codice seguente dovrebbe funzionare:


function quotehtml(expr) {
    var document = context.focusedWindow.document;
    expr='<textarea style="background-color: #272727; color: #777">&lt;a  href="'+document.location+'" title="'+document.title+'"&gt;'+document.title+'&lt;/a&gt;&lt;br/&gt;\n&lt;blockquote  cite="'+document.location+'"&gt;'+expr+'&lt;/blockquote&gt;</textarea>';
    setTextSelection(expr);
}

function cmd_quotehtml() {
  useSelectionOrPrompt("Enter expression:", quotehtml);
}

function quotebb(expr) {
    var document = context.focusedWindow.document;
    expr='<textarea style="background-color: #272727; color: #777">[url='+document.location+']'+document.title+'[/url]\n[quote]'+expr+'[/quote]';
    setTextSelection(expr);
}

function cmd_quotebb() {
  useSelectionOrPrompt("Enter expression:", quotebb);
}

E' sufficiente copiarlo nell'editor di Ubiquity, andare nella pagina da cui si desidera fare una citazione, selezionare il testo da citare e dare uno dei seguenti comandi: quotehtml o quotebb.

Credo che il nome dei comandi dica tutto, il primo genera il codice HTML, il secondo il BBCode.

L’ho caricato anche qui:
quote.txt su Box.net

Il codice di Wordpress - dopo una ventina di modifiche ed insulti sparsi - dovrebbe essere OK :-D . L’ho pure proposto sul gruppo di discussione di Ubiquity, magari - se lo trovano utile - lo inseriscono direttamente fra i comandi supportati .

Esempio del funzionamento dei comandi quotehtml and quotebb

AGGIORNAMENTO: grazie ad Abi che mi ha risposto sul gruppo di discussione e ha uploadato il mio file su Google gruppi, ho scoperto che esiste un modo più semplice di aggiungere un comando, senza dover far copiare/incollare il codice qui sopra nell’editor.
Non ho provato personalmente, ma dovrebbe essere sufficiente aggiungere questo link nei segnalibri e taggarlo con ubiquity, wow :-D . A saperlo prima mi risparmiavo due tazze di caffè :-P

Technorati Tags: , , , ,

Se ti è piaciuto l'articolo puoi votarlo. Grazie!

Wordpress 2.5, K2 e siti di social news

E’ uscita da poco la versione di Wordpress 2.5, purtroppo genera uno spiacevole errore col tema K2 (sia RC3 che RC4) quando si cerca di accedere al pannello admin:

Fatal error: Call to undefined function wp_register_sidebar_widget() in …/…/wp-admin/includes/dashboard.php on line 31

la cosa succede solo a chi sta utilizzando il Gestore della Barra Laterale di K2. Per fortuna la soluzione al problema è molto semplice la potete trovare leggendo questo articolo.

Al momento, non penso comunque di fare l’aggiornamento alla 2.5, voglio prima testarla per bene in locale e poi procedere all’update. A quanto ho visto non sembrano esserci particolari problemi - a parte quello sopracitato - con il K2, anche se l’interfaccia admin a me sembra peggiorata rispetto a WP 2.3 :-P .

Altro problema che riscontravo da qualche tempo è il mancato funzionamento della “Navigazione Avanzata” di K2. In pratica, accedendo alla home del blog e cliccando sul tasto “Indietro” non si riusciva a navigare nella cronologia , e al posto di caricare la seconda pagina dell’archivio veniva caricata una pagina completamente bianca:-P . Ebbene, il responsabile è il plugin di oknotizie che al momento ho disattivato.

Credo il problema sia dovuto al document.write usato per inserire l’iframe di voto, infatti la mia versione alpha modificata del plugin che inserisce il voto su Wikio, e che usa puro HTML, non sembra essere affetta dallo stesso problema. Per il momento lascio attivo l’iframe di Wikio, successivamente proverò a modificare il plugin di Traffyk.

A proposito di siti di social news, segnalo questa notizia:

Digg acquista il 90% di Diggita, nasce Digg Europa

Si può notare anche dal new look del sito più simile a quello di Digg. Speriamo vengano implementate anche le fantastiche API del parente di oltre oceano .-) .

Technorati Tags: , , , , ,

Problema codifica caratteri

Se qualcuno avesse notato un problema con la codifica caratteri (? al posto delle accentate o dei caratteri speciali) il disguido era dovuto ad una modifica sul server di Netsons:
FAQ: codifica caratteri
Ora ho aggiunto, come suggerito dalla FAQ, la riga:

AddDefaultCharset iso-8859-1

al file htaccess e il problema dovrebbe essere risolto. Se qualcuno dovesse notare problematiche simili coi vecchi post o col feed sarei lieto me lo facesse presente che provo a sistemare.

Purtroppo credo che l'ultima news "Classifica dei cento geni" apparirà con dei caratteri strani fin quando FB non deciderà di riaggiornare il feed :-P. Scusate per l'inconveniente :-)

"Pianta" del blog

Questa applicazione in Flash permette di associare ad un link una pianta .-). Sinceramente non ho capito che criteri utilizza per fare la rappresentazione, comunque ecco qui il corrispettivo del blog nel mondo vegetale:

Se il blog fosse un fiore

Cropped with EasyCropper

Altre piante:
Sito di Willy -> pianta

Fonte: Maestro Alberto (via Tartaruga Tecnologica)

Errori http e loro gestione

Da quando sono passato su Netsons alcuni link sono stati persi, sicuramente per del casotto che ho fatto io con i backup del database, e ho quindi deciso di personalizzare la pagina di errore 404 (File not found) che viene generata quando la pagina a cui si cerca di accedere non è presente sul server.

Mentre su altervista si veniva rimandati ad una vera e propria pagina di errore da quando ho spostato il blog su Netsons, in caso di errore 404 si veniva rimandati alla home page (forse perché sulla root ho installato Wordpress). Pur essendo il redirezionamento alla home page preferibile rispetto ad una pagina generata dal server, ancora meglio è proporre una pagina ad hoc che istruisca il visitatore su come trovare la pagina alla quale ha cercato di accedere senza successo.

Bene, la cosa non è affatto difficile è sufficiente editare (o creare) il file .htaccess (almeno su Apache) e inserire una riga del genere:


# Gestione errore 404
ErrorDocument 404 /404.php

per istruire il server ad aprire la pagina 404.php in caso si verifichi tale eccezione. Quindi ho creato una pagina statica, salvato il contenuto HTML, modificato i percorsi dei fogli di stile e salvato la pagina come 404.php (in realtà è puro HTML ma potrei in futuro generare la pagina dinamicamente, sfruttando magari i referer di provenienza).

Su Flickr (via Firefox Extension Guru) ho anche trovato una simpatica immagine che rappresenta in modo più amichevole l'errore 404 (ce ne sono anche altre per altri errori HTTP).

Una pagina di errore più user friendly rispetto alla classica mostrata da Apache credo possa avere effetti positivi sulla psicologia del nuovo visitatore. E' infatti molto probabile che un visitatore che veda la classica pagina di errore di Apache dia la pagina morta e sepolta ormai da tempo e passi oltre, trovandosi invece una pagina scritta a mano e con consigli su come rintracciare i contenuti desiderati potrebbe al contrario, spingerlo a cercare , o addirittura a leggere qualcuno degli articoli proposti.

L'unico dubbio che mi rimane è quello relativo all'uso delle immagini di Flickr, visto che incidono grandemente sulla velocità di caricamento della pagina, se qualcuno ha una connessione a 56k mi farebbe piacere sapere cosa ne pensa.

Ecco un bel link inesistente, cliccandoci sopra dovreste essere rimandati alla pagina di errore:
http://www.gialloporpora.netsons.org/notfound

C.d.s: Qualcuno vota le notizie ?

Sarei curioso di sapere se c'è qualcuno dei lettori del blog che vota le notizie, sinceramente sono scettico sul fatto che SPB calcoli in modo preciso le valutazioni, e quasi quasi sarei tentato di togliere tale funzione, sostituendo il voto interno con quello di Wikio.
Anche se è possibile lo stesso votare su Wikio cliccando sull'apposita icona credo ci potrebbero essere più voti se inserisco il link sulle stelline :-).
Diciamo che in Italia ci sono due servizi che permettono di votare le notizie (stile Digg):

  • Oknotizie
  • Wikio.

Su oknotizie ho dei grossi dubbi soprattutto per la qualità dei voti nella sezione tecnologia, non è possibile che un post in cui si consiglia di attivare Javascript e si incita al top posting prenda 5 voti :-P, e in ogni caso su oknotizie le notizie dovrebbero prima essere segnalate e poi votate rendendo abbastanza complicata la gestione del tutto. Wikio invece permette di rimandare direttamente al link della notizia e la generazione del link verrebbe così fatta automaticamente da SPB. Diciamo che anche se non ho nessuna pretesa di essere votato, se chi vota le notizie del blog non ha nulla in contrario, cambio il voto interno con quello su Wikio. L'unica scocciatura sarebbe l'apertura di una nuova tab in background a cui bisognerebbe accedere per dare il voto.

Cambiato dominio da altervista a netsons

Se leggete questa notizia vuol dire che sono riuscito a reindirizzare correttamente il feed RSS via Feedburner.

ho aperto un account su netsons.org e ho deciso di reindirizzare il blog che era hostato su altervista.
I motivi del cambiamento sono essenzialmente i seguenti:

  • su altervista non era possibile inserire i bannerini di Adsense, se vi danno fastidio usate Adblock :-));
  • su netsons viene concesso l’accesso libero a Mysql, e quindi potrei pensare in un futuro di passare a Wordpress, o eventualmente usarlo in altro modo.

Fra le altre cose mi sono accorto che il problema di non riuscire a fare il claim con Technorati dipendeva da qualche incompatibilità col server di altervista, visto che ora sembrerebbe che Technorati mi conceda di fare il claim del blog.

Probabilmente qualche link sarà sbagliato, spero di risistemare tutto al più presto, se qualcuno dovesse riscontrare qualche problema me lo segnali pure con un commento.

Finora l'unico problema che ho riscontrato è un errore quando cerco di modificare un vecchio post: invece di applicare le modifiche vengo rimandato ad una pagina di errore (su altervista e in localhost tutto OK, boh misteri :-S).

Per gli annunci di Adsense, se riesco provo a toglierli ai visitatori affezionati, usando magari i cookie registrati per i commenti; comunque sono sicuro che quasi tutti i visitatori affezionati siano armati di Adblock Plus e nemmeno se ne accorgano che ci sono. I link ai download di Firefox invece li lascio puntare ai server di MozillaItalia senza utilizzare il referal di Google, perché preferisco così :-), anche il banner che appare al posto del titolo del blog ai visitatori con Internet Explorer per ora resta "adsense free".

L'unica cosa che mi spiace è quella di lasciare il vecchio dominio che era stato così ben indicizzato da Google :-P, ho provato ad impostare il redirect 301 come suggerito dalle mie ricerche, vediamo se funziona e riesco a non perdere il Page Rank.

Beh ormai ho deciso e non cambio più idea, però ho notato che il server di Netsons è spesso irraggiungibile, mi è successo già tre volte di non riuscire ad accedere al blog), mentre su altervista non mi era mai capitato questo problema.

Da oggi è anche possibile grazie a jschneible (via drudo) avere un feed RSS per gli ultimi commenti fatti nel blog:

Feed RSS per i commanti   Feed RSS per i commenti nel blog

Cinque licenze di PrevX in omaggio

AGGIORNAMENTO: se qualcuno è interessato mi rimane una licenza PrevX valida un anno. Se ci sono altri ad essere interessati potete chiederla a Sbronzo di Riace.

Da alta Gradazione apprendo che PrevX ha appena aperto un blog e che per pubblicizzarlo offre cinque license gratuite del suo software :-). PrevX è diventato famoso perché è stato uno dei primi software a riconoscere e rimuovere il famosissimo Link Optimizer/Gromozon Rootkit.

Tutto sommato ci provo anch'io e spero che almeno in cinque visitiate il loro blog :-D.

Se le licenze me le danno davvero posso inoltrarlne quattro a chi le richiederà nei commenti :-).

Il link al blog di PrevX è questo:

http://www.prevx.com/blog.asp?ID=18

AGGIORNAMENTO: la mail con le chiavi di attivazione (licenza valida un anno) è realmente arrivata:

Hey Sandro,

Thanks for the links =)
Here is your keys:
…….

in ogni caso dare un'occhiata al loro blog potrebbe risultare interessante per conoscere nuovi problemi sul fronte sicurezza. Ringrazio chi ha cliccato sul link :-).

Ora io ho quattro licenze di cui non so che farmene, se qualcuno commenta con una email valida (o anche invalida se ho il suo contatto in Rubrica :-P), gli posso mandare una chiave di registrazione.

Fonte: Alta gradazione

Creare un plugin OpenSearch per il blog

Firefox 2.0 ed Internet Explorer 7.0 supportano il formato OpenSearch, cosa che, rende molto semplice creare un search plugin da aggiungere alla search bar di questi browser. Un plugin OpenSearch non è null'altro che un semplice file XML, contenente una serie di informazioni per istruire il browser a produrre una query al motore di ricerca a partire dal testo digitato nella search bar del browser stesso. Vediamo dunque come creare un plugin OpenSearch per il nostro sito/blog e successivamente due metodi per permettere ai visitatori di aggiungere il motore di ricerca del nostro blog alla search bar dei loro browser.

La sintassi utilizzata nel file XML non è molto complicata, in ogni caso, esiste un'ottima estensione per Mozilla Firefox che permette di creare il file XML con pochi click anche senza conoscere assolutamente nulla sulla sintassi utilizzata dai plugin OpenSearch (a dire il vero quando ho creato il plugin per questo blog ignoravo dell'esistenza di questa estensione e avevo dovuto crearmelo a mano :-P).

Creazione del file XML

Come ho appena detto, inutile perdere tempo ad imparare la sintassi utilizzata per creare un plugin OpenSearch, quando si può fare tutto con tre click del mouse. Ecco come fare:

  • se non lo si sta già utilizzando scaricare Mozilla Firefox (link nella sidebar);
  • installare OpenSearchFox e riavviare il browser;
  • andare nel box di ricerca del proprio sito/blog e cliccare col tasto destro del mouse, quindi selezionare la voce: “Aggiungi un plugin OpenSearch per questa ricerca”;
  • partirà un Wizard che vi guiderà passo passo alla creazione del plugin, basterà scegliere un nome adeguato per descrivere il motore di ricerca utilizzato e un’icona 16×16 che verrà mostrata nella barra di ricerca per identificare il plugin (la favicon del vostro blog è una buona scelta);
  • selezionare il plugin nella barra di ricerca di Firefox ed effettuare qualche prova per controllare che il plugin creato effettivamente funzioni;
  • andare nella cartella del Profilo di Mozilla Firefox, quindi nella sottocartella searchplugins e copiare il file XML da qualche parte;
  • uploadare il file XML sul proprio spazio Web.

Bene ora ci sono due modi possibili per far installare il plugin OpenSearch ai visitatori del nostro sito/blog. Indicherò con indirizzo_plugin_opensearch il percorso del file XML, nel mio caso è:

http://www.gialloporpora.netsons.org/ searchplugins/gialloporpora.xm

Inclusione negli header

Il primo metodo è quello di inserire fra i tag <head> e </head> una riga di codice che informerà il browser della presenza di un plugin OpenSearch installabile. Ad esempio Firefox, una volta riconosciuta la presenza del plugin OpenSearch, mostrerà un'aureola nella barra di ricerca e dal menu a tendina sarà disponibile una voce "Aggiungi nome_plugin ai motori di ricerca", basterà selezionarla per aggiungere il plugin:

Aggiunta di un search plugin in Mozilla Firefox 2.0

La riga da aggiungere nell'head è la seguente (sostituire le voci in grassetto con igiusti valori):


<link rel="search" type="application/opensearchdescription+xml" title="nome_plugin" href="indirizzo_file_XML" />

Per chi usa Simple Php Blog, il codice deve essere inserito nel file index.php che si trova nella home.

Installazione mediante link javascript

E' anche possibile creare un link Javascript per fare in modo che cliccandoci sopra venga installato il plugin OpenSearch, in questo modo:

favicon Installa il plugin di ricerca per questo blog

Il codi ce da utilizzare è il seguente ((ricordarsi di sostituire indirizzo_file_XML con l'url del file XML):

<a href="javascript:if (window.external) {window.external.AddSearchProvider( 'indirizzo_file_XML' )} else {alert('Il tuo browser non supporta i plugin OpenSearch.\nperché non installi Mozilla Firefox ?.');};;">Aggiungi questo motore di ricerca alla search bar del tuo browser</a>

Conclusioni

Personalmente credo che inserirlo nell'head sia la cosa migliore in quanto viene automaticamente riconosciuto dai browser in grado di installarlo,, anche se, c'è da chiedersi quanti conoscano il significato dell'aureolina che appare nella search bar, e quindi quanti possano effettivamente accorgersi della presenza di un plugin da installare. L'inserimento di un link vicino al box di ricerca del tipo "Aggiungi il motore di ricerca di questo blog alla search bar del tuo browser" potrebbe aiutare sicuramente il visitatore ad accorgersi di questa possibilità.
Detto questo, quanti secondo voi lo installeranno ? Secondo me, pochissimi, forse nessuno, comunque visto che la sua creazione porta via solo pochi minuti tanto vale aggiungerlo.
A me è comunque tornato utile per cercare cose che non mi ricordavo, ma che sapevo di aver annotato sul blog,, oppure per ricercare i vecchi post da aggiornare.