Inserire una tabella in un post o in una pagina su un blog WordPress.com è un compito piuttosto tedioso, in quanto la piattaforma non offre alcuno strumento per automatizzare la creazione del codice html, costringendo ad un lavoro certosino per incastrare celle e colonne fino ad ottenere la struttura desiderata.
Sui blog WordPress.com non è possibile modificare la dashboard o installare plugin, quindi l’unico strumento a disposizione per l’automazione della creazione di codice html è il browser. Se avete Firefox, Safari o IE potete fare come me ed utilizzare un piccolo ma utilissimo strumento chiamato bookmarklet: si tratta di piccoli applicativi in javascript che possono essere gestiti come normali url, quindi memorizzati e inseriti nella barra dei bookmark rapidi del proprio browser.
La bookmarklet che vi presento in questo post genera il codice html necessario per una tabella (non formattata) delle dimensioni desiderate ed inserisce il codice nel vostro post o nella pagina in aggiunta al testo già presente. La bookmarklet è concepita solo per blog WordPress.com, in quanto parte dal presupposto che l’elemento in cui inserire il codice generato abbia un’ID di nome “content”, cosa non necessariamente vera su blog indipendenti basati su software WordPress. Per questo motivo, inoltre, questa bookmarklet funziona esclusivamente nelle seguenti pagine della dashboard: “Scrivi” > “Scrivi articolo”, “Scrivi” > “Scrivi pagina” e non può essere utilizzata per inserire automaticamente codice html nelle widget di testo. Se volete utilizzarla in combinazione con l’editor grafico dovete lavorare in modalità codice come da immagine.

Per utilizzarla copiate questo codice javascript (utilizzando il link “copy to clipboard”):
javascript:(function(){var tableCell='<td>CONTENUTO</td>';var tableRowOpen='<tr>'; var tableRowClose='</tr>\n';var tableOpener='\n<table>\n';var tableCloser='</table>';var tableBody='';var numberOfColumns=prompt('Inserisci il numero di colonne della tabella:','');var numberOfRows=prompt('Inserisci il numero di righe della tabella:','');var singleRow='';for(var j=0;j<numberOfColumns;j++){singleRow+=tableCell;}for(var i=0;i<numberOfRows;i++){tableBody+=(tableRowOpen+singleRow+tableRowClose)}var myTable=tableOpener+tableBody+tableCloser;var myPost=document.getElementById('content');myPost.value+=(myTable);}())
ed inseritelo così com’è (senza spazi aggiuntivi) nel campo “indirizzo” di un nuovo bookmark nel vostro browser. Salvate il bookmark nella barra dei preferiti, in modo da averlo a portata di mano all’occorrenza.
Buon lavoro!


















17 Febbraio 2008, 22:10 alle 22:10
Ciao Isadora,
E’ sicuramente molto utile, ma a me non funziona…..mi posiziono sulla pagina “write post”, lancio la bookmarklet che mi chiede il numero di pagine e colonne….ma non inserisce niente nel testo del post….
Hai idea di dove sbaglio??
Ciao e grazie ancora
Luigi – Kyudoman
18 Febbraio 2008, 7:46 alle 7:46
Ciao Kyudoman, hai un blog wordpress.com? Che browser usi?
7 Novembre 2009, 22:41 alle 22:41
ciao Isadora grazie per lo script. E’ ottimo solo che purtroppo mi funziona solo con IE e non con Opera, il browser che vorrei usare… Mille grazie!!!
18 Febbraio 2008, 8:17 alle 8:17
sarebbe carino valutare la resa grafica, facciamo un update al post con una “demo” più tardi nella giornata ?
18 Febbraio 2008, 12:29 alle 12:29
sempre interessanti i tuoi (ops vs) tutorials. come si mette lo sticker in alto a sx?
18 Febbraio 2008, 18:08 alle 18:08
Kyudoman, sulla via dell’ufficio mi è venuto in mente a cosa potrebbe essere dovuto il problema da te riscontrato ed ho aggiornato il post con una schermata esplicativa.
Antonio, dai, su, un po’ di fantasia. Il tuo mouse non ce l’ha il tasto destro?
Nico, che resa grafica? Lo script genera una tabella senza formattazione…
18 Febbraio 2008, 21:51 alle 21:51
Grazie Isadora,
fiori informatici……e cioccolatini……per i suggerimento.
In effetti usando la modalità codice la tabella si inserisce e ovviamente rimane anche quando si torna in modalità visuale.
Una roba veramente utilissimissima…..
Ciao Luigi – Kyudoman
18 Febbraio 2008, 22:17 alle 22:17
il tasto dx ce l’ho e pure la fantasia ma non so farlo
19 Febbraio 2008, 7:58 alle 7:58
Luigi, lieta di esserti stata d’aiuto!
A tutti quelli che provano la bookmarklet vorrei chiedere di mettere qui nei commenti browser e sistema operativo (e se funziona), così potrei farmi un’idea della compatibilità: in teoria dovrebbe funzionare con tutti i browser “moderni”.
Antonio, su, prova a guardare nel codice della pagina. Ti dò una dritta: l’immagine del ribbon si chiama i-wordcamp-1.png
24 Febbraio 2008, 18:29 alle 18:29
[...] scomoda. In analogia al sistema per generare il codice per le tabelle di cui ho parlato nel post Tabelle su WordPress.com anche questa operazione può essere automatizzata con l’aiuto di una [...]
17 Gennaio 2009, 3:05 alle 3:05
Io sarò tardo … ma cosa significa “in modalita codice”.
Ho salvato la stringa, l’ho incollata nel bookmark e …. poi?
Utilizzo firefox. Non sarà mica il “visualizza” + “sorgente pagina”?
Grazie e scusate la banalità della domanda