FreeTextBox è un editor HTML scritto in Javascript, per ASP.NET. Questa versione, la 4.0 Beta 1, è compatibile con IE, Mozilla e FireFox su tutti le piattaforme. Come altri editor (vedi: Editor WYSIWYG per il Web) permette di impostare il suo aspetto e gli strumenti. Nonostante sia per ASP.NET, framework da me non trattato, lo segnalo per la sua gradevolezza. Tuttavia, peccato, viene fornito in due versioni: una gratuita e una a pagamento!
ActionScript 3.0 introduce tutta una serie di formidabili strumenti di comunicazione, alcuni totalmente nuovi, altri rivisitati e migliorati rispetto alla precedente versione di ActionScript. Cominciamo a vedere come cambia il modo di interagire con un Web Server nel caso di una semplice comunicazione tra Flash e una pagina PHP con risposta in XML. Prima di tutto l’oggetto XML non esiste più! In ActionScript 3.0 sono stati introdotte nuove classi, alcune delle quali dedicate alla “retrocompatibilità”.
Nota: la classe XML (insieme alle classi correlate) di ActionScript 2.0 è stata rinominata XMLDocument e spostata nel pacchetto flash.xml. È inclusa in ActionScript 3.0 al fine di assicurare la compatibilità con le versioni precedenti.
In ActionScript 2.0 la comunicazione con un Web Server veniva spesso risolta sfruttando l’accoppiata degli oggetti LoadVars e XML, usando il metodo sendAndLoad() dell’oggetto LoadVars (vedi: Flash: LoadVars e XML per inviare dati in POST). Ora le cose cambiano, ma basta solo abituarsi ai nuovi nomi ed oggetti. Come indicato nel manuale, infatti:
A causa della sua capacità di comunicare con il server, l’oggetto XmlHttpRequest (XHR), usato nella tecnologia Ajax (acronimo di Asynchronous JavaScript and XML, la cui pronuncia dovrebbe essere “egiacs” anche se noi italiani preferiamo “aiacs”), ha un blocco di protezione che gli impedisce di eseguire richieste esterne al dominio in cui opera. Questa protezione è necessaria per impedire Injection Javascript (tecniche di “iniezione” di codice estremamente pericoloso con lo scopo di violare il sistema) di svariato tipo, con l’obiettivo ultimo di “irrompere” nel sistema.
Questo limite è oggi tenuto in seria considerazione e si sta pensando, in qualche modo, di risolverlo – direttamente nell’oggetto XmlHttpRequest - senza pregiudicare la sicurezza (vedi anche: Third proposal for cross-site extensions to XMLHttpRequest ).
Comunque sia la situazione oggi è la seguente:
Alcuni lettori mi hanno chiesto come è stato creato il fiocco di neve, così realistico, del Widget natalizio. Chi ha scaricato il sorgente probabilmente già lo sa… comunque è stato davvero semplice. Prima di tutto ho selezionato lo Strumento Pennello in Flash ed ho disegnato un punto.
 |
 |
Ho trasformato questo in un simbolo ed ho applicato due effetti nella giusta sequenza: smussatura e sfocatura:
 |
 |
Il risultato è stato: 
A questo MovieClip (simbolo) ho associato una semplice classe CNeve, che crea di fatto l’intelligenza del fiocco stesso:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | class CNeve extends MovieClip { private var _interval; private var _maxy:Number; // function CNeve() { _interval = setInterval(this, "_move", 25); _maxy = Math.round((Stage.height+256)/2)+_getRndRange(-20, -7); } // private function _getRndRange(min:Number, max:Number):Number { var randomNum:Number = Math.floor(Math.random()*(max-min+1))+min; return randomNum; } // private function _move() { _y += _getRndRange(1, 5); _x += ((_getRndRange(-50, 50))>0) ? 1 : -1; _rotation += _getRndRange(1, 5); if (_y>_maxy) { clearInterval(_interval); } updateAfterEvent(); } } |
Il metodo _move() contiene l’intelligenza del fiocco, ovvero la funzione di caduta, estremamente semplice. Variando la funzione randomica _x += ((_getRndRange(-50, 50))>0) ? 1 : -1;, ad esempio inserendo un _getRndRange(-550, 50), si può aggiungere un effetto effetto vento, cioè i fiocchi cadono con una pendenza particolare. In particolare si possono mandare i fiocchi a destra e a sinistra usando un codice di questo tipo:
1 | _x += ((_getRndRange( _getRndRange(-350, -50), _getRndRange(50, 350) ))>0) ? 1 : -1; |
La rotazione (_rotation += _getRndRange(1, 5);), poi, conferisce un ulteriore dettaglio al fiocco stesso.
Quando creo un fiocco (vedi funzione creaFiocco() più sotto) ho aggiunto anche un alpha=90 e uno scale randomico, per avere fiocchi di neve di diverse dimensioni.
1 2 3 4 5 6 7 8 9 10 11 12 | // crea fiocco function creaFiocco() { var s = randRange(20, 100); var x = randRange(-Math.floor((Stage.width - 320) / 2), Math.round((Stage.width + 320) / 2)); var y = -Math.floor(((Stage.height - 256) / 2)) - 10; c_mc.attachMovie("neve","neve_" + index,index,{_x:x, _y:y, _xscale:s, _yscale:s, _alpha:90}); index++; if (index > 1000) { index = 1; c_mc = createEmptyMovieClip("c_mc", 2); } } |
E questo è tutto… 
Dimenticavo… Auguri a tutti e Buone feste…
In linea di principio quando si inserisce un’immagine in un documento HTML bisognerebbe utilizzare le sue dimensioni originali. Tuttavia il TAG IMG permette di forzare la larghezza (width) e l’altezza (height) di una qualsiasi immagine, indipendemente dalle dimensioni originali. Questa operazione di ridimensionamento viene svolta – ovviamente – dal browser.
Usare le dimensioni orginali di un’immagine è buona cosa, nonostante in alcuni casi comporta un doppio lavoro per il Web Designer e/o i motori dinamici (CMS ad esempio o librerie di manipolazione grafica) presenti sul Web Server. Un classico slide show, ad esempio, di norma mostra delle anteprime o thumbnail (immagini di dimensione ridotta) che se selezionate mostrano l’immagine originale più grande.
Oggi propongo un’interessante variante del “classico” orologio analogico in Flash. Questa versione contiene una transizione Tween all’avvio del filmato. Mi sono ispirato al Gadget presente in Windows Vista che esegue, appunto, questo bel effetto all’avvio.
Il codice è scritto in Actionscript 2.0 ed è stato compilato con il nuovo Adobe Flash CS3. Questo a dimostrazione che la nuova suite CS3 è pienamente compatibile con le precedenti versioni di Flash, un punto estremamente importante per chi ha deciso di prendere in considerazione l’aggiornamento del prodotto.
Per il sorgente cliccate qui.
Grazie allo “sprono” di TV Revolution ho realizzato un piccolo Widget natalizio (vediamo se riusciamo a migliorarlo con i vostri commenti).
Per usarlo basta inserire il seguente codice sul vostro sito:
1 |
Il parametro h determina l’altezza in pixel del filmato. Di default questo viene mostrato in posizione assoluto e largo al 100%. Per modificare queste impostazione usate abs=0 per posizionare la neve all’interno delle pagina e non sopra. Usate invece w=800 per impostare una dimensione personale. Ad esempio:
1 |
Crea la neve alta 50 pixel, in posizione relativa e larga 640 pixel, come mostrato qui sotto:
Ho cambiato postazione di lavoro, dopo varie avventure, ed ora sono il felice possessore di un Intel core 2 quad a 2.4GHz con ben 8 Giga di RAM: una vera bomba! Tuttavia, almeno a me, capita sempre di avere qualche sfortunato inconveniente. Montato il PC la tastiera PS/2 scrive un tasto si e uno no, anche da BIOS! Mistero… Problema risolto con l’acquisto rapido di una tastiera USB.
Avendo acquistato Windows Vista inizia il “piccolo” calvario della messa in rete. Risolto anche questo con l’acquisto di un modem a parte (il modem Sagem fornito da Telecom non funziona con Windows Vista) e con il sempre prezioso aiuto di Yuma. I problemi con il sistema operativo, poi, probabilmente non sono ancora finiti. Ho avuto una serie di difficoltà nella re-installazione di tutto il software che avevo sul precedente Windows XP. Alcune prodotti funzionano in modo differente anche se il 90% del software sono riuscito ad installarlo senza troppi problemi. Internet Explorer 7 l’ho abbandonato definitivamente, impostando il buon FireFox come browser predefinito (per questioni legati alla mia attività, tuttavia, mantengo sulla macchina sia Internet Explorer 7, Opera e Safari). La nuova gestione della protezione di IE7, infatti, ne impedisce di fatto l’uso. I Feed RSS, ad esempio, non possono essere letti! Sarebbe forse il caso, come dichiarato dal CEO di Mozilla, che Microsoft dismettesse definitivamente la tecnologia Internet Explorer, facendo un favore al mondo intero.
Comunque sia eccomi qui pronto nuovamente a lavorare…
Ormai sono tanti i Blogger che hanno installato l’antipixel di Blogbabel, tuttavia non ne ho una traccia precisa. Quindi, giusto per curiosità, lasciate un commento a questo Post se avete installato Blogbabel Rank antipixel, in qualsiasi formato (Flash o immagine)? Grazie mille
Sul blog di Internet Explorer (IE Automatic Component Activation (Changes to IE ActiveX Update)) è stato annunciato un’importante cambiamento che avverà introno ad aprile 2008, con il rilascio di importante patch, compresa la tanto attesa Service Pack 3. Un’anteprima, tuttavia, sarà disponibile entro dicembre 2007 dal centro download di Internet Explorer.
Nell’aprile 2006, infatti, Microsoft aveva introdotto una patch in Internet Explorer che bloccava l’interazione con i componenti ActiveX presenti in una pagina Web. Questo “blocco”, alla fine, si risolveva nella richiesta esplicita – diretta all’utente/navigatore - di attivare il controllo (filmato Flash, QuickTime, etc…) tramite la barra spaziatrice o un click del mouse.
Nel tempo, tuttavia, sono state introdotte tutta una serie di scorciatoie per evitare questa fastidiosa richiesta, scorciatoie ufficiali (proposte ad esempio dalla stessa Macromedia per Flash e da Apple per QuickTime) e non ufficiali (SWFObject o UFO, ad esempio – vedi anche Unobtrusive Flash Objects).
Secondo Microsoft gli sviluppatori non dovranno modificare nulla ad aprile 2008 nei “vecchi” siti che utilizzavano scorciatoie, tuttavia è bene dare un’occhiata al blog di Internet Explorer per i casi particolari.
Microsoft torna quindi sui suoi passi, ed effettivamente ci eravamo chiesti un po’ tutti che idiozia fosse questa dell’attivazione del controllo, “pezza” adottata per una carenza nella gestione degli ActiveX (TAG OBJECT) più che a falle nei componenti stessi. Negli altri browser, infatti, l’uso dei Plugin è accompagnato dal più solido TAG EMBED. Ultima nota:
In the coming weeks, we’ll be updating the MSDN article with descriptions of the new behavior. Keep an eye out here for when the preview goes live.
Ultimi Commenti
Giovambattista Fazioli: @Nik: Sono contento! In bocca al lupo dunque!!
Nik: Lunedì ho l’esame di informatica su java, grazie mi sei stato utilissimo, il libro che ho era poco chiaro...
Marco: Ti ringrazio moltissimo, mi hai illuminato
ho risolto impostando [cc_objc] //OptionViewController.m -...
Giovambattista Fazioli: @Marco: Ti consiglio un approccio credo più corretto. Se hai eseguito il subclass del tab...
luigi: molto chiaro e semplice devo ammettere che anche scrivendo da un pà difficilmente uso delegati creati da...