www.fabiobeta.it

« Defining GoogleProgramming
Unit Testing: Testare e Ritestare »

Ciao, sono Fabio.
Su queste pagine potete trovare esperienze, idee ed esperimenti di un programmatore in cerca di metodi per lavorare meglio e meno.

RSS

Questi sono i post più apprezzati del sito, dateci un'occhiata:

SFTP automatico e natalizio con ANT

La mia cassetta degli attrezzi: Il portatile

III: Tu non commenterai invano

YAGNI for Managers

Stand Up Meeting: Definizione

Eclipse: Propaganda a suon di keystroke

HtmlPreviewer

Gli altri sono qui.

HTML Preview!
15 Maggio 2006

Se ricordate, qualche tempo fa ho modificato questo sito per permettermi di postare le news via web. I primi usi e test mi avevano soddisfatto... però avevo ancora delle perdite di tempo che mi stressavano. L'input avveniva seguendo un ciclo: scrivi post in html puro - salva post - guarda come viene tutto ben formattato - modifica post - salva post - guarda come viene...
Da questo avvevo fatto partire una serie di esperimenti e spike:

  • pagine di preview
  • mini linguaggi in stile wiki per formattare il testo
  • parsing su server del testo della news

Poi, una bella sera, ecco un paio di lampi di luce: non avevo bisogno di un linguaggio wiki-like, conoscevo già il linguaggio adatto. Il classico e ormai vecchiotto HTML. E non avevo bisogno di pagine di preview e parsing su server. Esiste javascript, che mi permette di incasinare le pagine direttamente nel browser!.

Una decina di minuti di GoogleProgramming per ripassare sintassi e comandi e la mia pagina di input diventava all'incirca così:



...leggo direttamente il risultato qui :)

sweet and easy no? :)

Se non avete tempo di guardare il sorgente della pagina, il trucchetto è questo:

function textPreview() {
newText=document.getElementById("inputText").value;
document.getElementById("outputText").innerHTML=newText;
}

<textarea id="inputText" onKeyUp="textPreview()" cols=30 rows=5 size=150>Scrivendo in html qui...</textarea>

<span id="outputText">...leggo direttamente il risultato qui :)</span>

send a feedback to fabio

« Defining GoogleProgramming
Unit Testing: Testare e Ritestare »

Fight Spam! Click Here!