Kenta blog 2.0

Mootools AOP and how to use AOP for Profiling Mootools Classes

2011-10-11T19:32:00.000+02:00

In my last post about Mootools private pattern mutator, I've show how to use keeto's patternmutator to inject a private object into mootools methods.
Using this private object it is then possible to add private properties and methods which are accessible only to methods decorated with 'private'.

As noted by coda in the comment section, pattern mutators is now included in mootools 2.0.
PatternMutator is also the base of my kenta.AOP Class for Mootools that I'm going to introduce, and as a bonus I will show how to use kenta.AOP to create a simple Mootools Class Profiler.
What kenta.AOP is?
kenta.AOP is simple way to handle AOP in MooTools for debugging purpose.
In particular kenta.AOP handles method invocation by rewriting all Mootools class, allowing you to intercept these methods before and after the execution.
You can then use the event parameter to cancel the method's execution or hijack the method's return value.
kenta.AOP uses Mootools Events in a Publish-Subscribe pattern to let you write any modules you want.
In this post I will show you kenta.AOP.Profile to better demonstrate what kenta.AOP can do.

I wrote kenta.AOP as a little project to better understand patternmutator and AOP myself, but since it might be useful for other people I will share this snippet. piece of code.
What kenta.AOP is not?It is not a complete AOP Framework. In particular kenta.AOP can't handle property access and it doesn't perform exception handling by design; it also overwrites all MooTools class methods, so I advise against using it for production-code :)

the complete code of kenta.AOP is here:
kenta.AOP provides a global AOP object that fire two events: 'pre' and 'post', that you can use to listen and hijack methods.
Even if kenta.AOP listens all Mootools class method, it is designed to fire only if the Class has a 'Aspect' property

I guess you are wondering what kenta.AOP can be useful for, so here's a little example of how this code can be useful for debugging:
with an example:

Since Profiling don't require to overwrite the return value I will show you another example:

and another one in which we cancel the method execution:

Mootools private pattern mutator

2011-10-09T17:02:00.000+02:00

Not too long ago I wrote this gist to add a sort of private properties / private methods to Mootools 1.2.x:

As of Mootools 1.3 this gist won't work anymore, but I've wrote another one as alternative, it requires Mark Obcena's PatternMutators.js that you can find here: keeto.PatternMutators.js:
How it works?

In the first version, the one for the 1.2.x branch of Mootools, if you Implements Private, what happens under the hood is that it create a property using Mootools $uid to get a unique-id per istance on a not-accessible outside of Class.Mutators.Private function, then it rewrote all the method of your instance passing the associated property as the last parameter of your function so that you can use it to store/retrieve private properties or even methods.

Since there's no way to automate the cleaning of all the objects/methods you can add, it need also to add a '~' method that you need to call on your destructor so it will not leak memory.I decided to use this ugly syntax: ['~']() because it need to stand out of your code, in a way to remember you that you are using an ugly hack to create privates and because is easier to remember something so strange ;)

For the 1.3 and upper branches of Mootools(yep, still work on 1.4.x) I decided to use a different, not compatible, way to achieve the same objective, so I based my mutators on keeto's patternMutator, for a number of reasons, basically cleaner syntax, re-using of existing code (keeto's one), and only methods marked with 'private' are now overwritten.You can see an example right here:

The code is slighly different, instead of Implements:[Private], you have to explicity mark the method you would like to use private properties or methods by adding 'private ' ahead of your method name, but other things remains unchanged.

Post Mortem of a big js project (Part I)

2011-02-02T19:24:00.001+01:00

Well, it seems ages since the last time I updated my blog, I really think is time to shove some dust off my blog.

Where did I'm vanished?

I was really busy on a project, in which I put lot of effort, I'm now to a point where I can consider the project to be quite stable so I can finally relax and return back here to write something about this.

I thought it was a good idea to write a post-mortem of this project.

Well. Let's start.

I was told to rewrite a really complex application originally written in vanilla javascript, because it needs to change it's UI.

After a little talk to the original application writer we comes to the conclusion that we can't only extend the old application to support the new UI but we need a total rewrite from scratch.

We only had something like 6 months to rewrite an application that was written in the span of 3 years with lots of features, in the meanwhile we even need to introduce more feature that wasn't expected to be introduced 3 years ago.

We immediately thought that we need to plan ahead what we will have to develop.

So we split the project in 2 big parts, the front-end and the back-end using an "MVC/MVP" approach,
in this way while he was concentrating on his parts, I could developing the new UI.

Both of us were sure that we needed to use a framework or a library to ease our work.

So we start to seek for the framework / library that was better suited for our needs.

He was quite sure to take jquery, but I was confident that we needed a better way to write our code, because, after all, it was one of our biggest problem.

The old application teach us that it was extremely important to write our code in a future proof way.

So, since I saw the benefits of good Object Oriented in my C# experience, I thought that we needed something that could force both to write more reusable code, enforcing the Object Oriented way to write javascript code.

With OO code we could have easily apply the TDD techniques that we both wanted.

After this considerations, It was pretty natural to me to follow the MooTools path, and I can tell you now that was a wise choice :)

Immediately after we started writing our firsts objects we feel the needs to automatize some tasks, like the merging of our little class file into a big script.

So I start to wrote the tool (a c# page) to merge together the classes, and to run our JSSpec page.
In the process of writing this page I included JSCoverage to made the code coverage of our tests, and I think this move was really smart, because we discovered that JSCoverage fails if it finds a syntax error in the code.
So technically it was as if we had a javascript compiler, that tells us that something was wrong even before running the page, not only that but it was amazing because JSCoverage returns the row where the syntax error was founded!

With a few tools we have TDD, BDD, Code coverage and syntax error applied to our js project. Marvelous.

Speaking of tools I found mootools really handy when we need to do a profiling of our application, it was as simple as writing a mootools mutator (https://gist.github.com/570711)

... but I'm seeing that this post is becoming too long, so I think I will continue it another day. bye ;)

Recensione Irex Iliad (1a edizione)

2009-12-28T20:50:00.003+01:00

Ho recentemente acquistato tramite simplicissimus questo magnifico lettore di e-book (ad un prezzo fortemente scontato), la scelta è caduta su di lui principalmente per un solo motivo: la dimensione del display.

Infatti, a differenza di altri, questo lettore ospita uno schermo da ben 8 pollici con tecnologia e-ink a 16 tonalità di grigio e una risoluzione di 768x1024 pixel.
A suo favore dispone di una penna wacom per scrivere, questo significa due cose:

non è un dispositivo touchscreen, senza pennetta non potete usare le caratteristiche touch

non ha strati aggiuntivi al di sopra dello schermo e-ink e quindi non avrete problemi di riflessi

Come si può vedere dall' immagine qui sotto è molto sottile, molto più di un libro anche se come peso è di poco più leggero (pesa circa 450 grammi)

Sicuramente in un e-book reader conta come prima cosa la leggibilità del testo, ed è questo il punto di forza dell’ Iliad, la grandezza del monitor, e l’ ottimo supporto di base ai pdf, permette di leggere in maniera agevole questo formato.
E' possibile zoomare, ed effettuare il pan (lo spostamento) del pdf usando il pennino, è possibile anche vedere il pdf in landscape, inoltre aprendo un qualsiasi documento si ricarica l' ultima pagina visitata
Molto comoda la funzione di annotazione sui pdf tramite pennino per prendere appunti mentre si legge.

Oltre al pdf il lettore supporta una manciata di altri formati utili quali testo (.txt) e pagina web(.html) quest’ ultima utilizzando minimo (la build di firefox per dispositivi pocket) e mobipocket (.prc) supporta inoltre immagini e permette di annotare su di esse (jpeg,bmp e png)

Dispone di piccole casse integrate (e uscita cuffie ;) ) e ha il wifi integrato (supporta fino al WPA 1)

Inoltre è possibile interagire con il sistema operativo sottostante (linux) per installare applicazioni, ce ne sono poche ma buone, le più utili sono sicuramente:
pViewer : un lettore pdf alternativo che permette di fare il reflow del testo contenuto in un pdf anziché usare lo zoom normale contenuto nel lettore di default
iNewsStand: permette di sincronizzarsi con il proprio account feedbooks (gratuito) per scaricare diverse news da internet come fossero giornali (basta un feed rss)
FBReader che permette all’ Iliad di supportare svariati formati aggiuntivi
la triade calendario – agenda contatti e todo list
sono disponibili inoltre per gli smanettoni un file manager, una shell, un server ssh
ed altri ancora che si possono reperire a questo indirizzo

Diverse persone hanno messo mano ai sorgenti del lettore pdf di base (ipdf) creando delle modifiche ad hoc ed è possibile usare questi lettori andando a sostituire l’ originale con uno di questi (consiglio di utilizzare questo script da me creato prima di procedere all’ installazione di un lettore diverso)

L’ interfaccia grafica è pensata per poter accedere ai vari menù utilizzando semplicemente i tasti funzione dell’ Iliad, evitando di usare il pennino per risparmiare batteria e non dover staccare le mani dal dispositivo.

Il pennino risulta comunque utilissimo per interagire con le finestre dei vari programmi aggiuntivi e per prendere note sui pdf o sulle immagini, con un precisione che è ottima.

Parliamo ora dei difetti:
Una durata della batteria breve rispetto ad altri dispositivi e, in particolare, della seconda versione dell’ Iliad anche se per una persona normale, ovvero che legge soprattutto alla sera, o in pausa pranzo, il difetto è “poco sentito”, nel senso che ci si può veramente godere di lunghe sessioni di lettura senza paura che la batteria si esaurisca, e comunque il lettore è utilizzabile mentre è in carica (anche se, per colpa dell’ adattatore, potrebbe risultare un po’ scomodo se non si ha una presa vicina) e una carica si completa in circa 3 ore.

Come tutti i dispositivi di questo tipo esiste un effetto di persistenza residua a video (chiamato effetto ghosting), faccio però notare che è praticamente impercettibile mentre si legge, infatti il problema è maggiore quando il display usa tutta la gamma di grigio (per esempio per mostrare un’ immagine) e subito dopo si passa in una pagina normale (scritte nere su pagina bianca), oppure quando ci sono grosse intestazioni scure e la pagina successiva ha un carattere più piccolo, ma tra una pagina e l’altra di un testo questo effetto è nullo o praticamente impercettibile.

Il difetto più grande è forse il fatto che la barra a sinistra può risultare scomoda per persone che hanno difficoltà ad usare la mano sinistra;
si riesce comunque ad utilizzare il dispositivo però si deve appoggiarlo per cambiare pagina.

L’ iliad sembra attirare la polvere e di conseguenza, inevitabili ditate

Il software base dell’ Iliad è scarno, ma con un paio di link è facile sapere quali applicativi installare e la procedura da eseguire per installarli, che richiede però alcune conoscenze tecniche che per alcuni può essere un ostacolo.

Ma passiamo ora alle cose interessanti, ovvero come si vede nell' Iliad:

Questa è la pagina iniziale del romanzo "Abissi d' acciaio" di Isaac Asimov così come viene visualizzata con il lettore di default (da notare un leggero effetto ghosting, non vi preoccupate, la fotocamera è più sensibile dell' occhio umano :P ):

Zoomando attorno al testo si vedrà così:

Mentre usando il lettore ipdf fullscreen, usando lo stesso zoom si vede in questo modo:

Siccome usare il pan è molto scomodo non vi mostro lo zoom su una porzione di testo (che comunque è perfetto), invece vi propongo come si vede utilizzando pViewer con il livello 1 di zoom (a livello 0 è identico alla prima immagine)

pViewer livello 2 di zoom

pViewer livello 3 di zoom

pViewer livello 4 di zoom

Conclusioni:

Monitor molto grande che permette un lettura agevole anche se perde la tascabilità (ma è sempre pur meglio di portarsi addietro un netbook solo per leggere), scarsa durata della batteria (anche se esiste il metodo per potenziare la batteria perdendo ovviamente la garanzia), pennino per scrivere e annotare sui pdf ma pochezza di software di base (nessun supporto ai segnalibri multipli, nessun supporto al fullscreen) fanno dell' Iliad un lettore ebook formidabile per gli smanettoni, ma un po fastidioso, soprattutto all' inizio per i neofiti che non hanno voglia di cercar in internet come colmarne le lacune e che preferirebbero solo accendere e leggere.

Problemi ADSL? Non c’è problema! Li ignoriamo!

2009-11-10T22:19:00.004+01:00

Scrivo questo post per sfogarmi un po’ dalla rabbia accumulata in questi giorni.

Sono abbonato con il mio operatore ADSL da circa 3 anni ormai l’ attivazione è avvenuta infatti il 21 febbraio 2007, e considerando che avevo fatto la richiesta in data 9 novembre 2006 posso considerarmi fortunato, poco più di tre mesi per tirare un cavo solo dati :)

C’è da dire che mi sono orientato verso questo operatore per una tanto decantata banda minima garantita che mi avrebbe permesso di utilizzare la linea di casa per un uso professionale, e devo ammettere che per i primi due anni non ho avuto granché problemi, se non forse due o tre guasti nel suddetto arco temporale risolti in meno di ventiquattro ore.

I veri problemi sono iniziati da quando quest’ azienda ha cambiato politica, infatti ha introdotto nel suo listino delle linee, passatemi il termine, “castrate” del p2p introducendo, per altro, delle policy di QoS (Qualità del Servizio) che hanno, dal mio punto di vista, peggiorato la situazione, non tanto per il fatto del QoS in se, quanto per via che fornendo linee a minor prezzo si è creata una situazione per cui le linee sono di fatto sature.

Ciò che affermo è facilmente riscontrabile dai grafici che tale azienda mette a disposizione di tutti, questo avrebbe dovuto far scattare un fanalino d’ allarme in chi gestisce l’azienda e far si che si prendesse provvedimenti.

Evidentemente di provvedimenti non ne sono stati presi o comunque sia non in modo significativo visto che il problema è cresciuto, per ciò che mi riguarda, in maniera esponenziale.

Nell’ ultimo periodo, infatti, ho un guasto che mette down la mia linea anche per lungo tempo, in particolare sono in una situazione dove la mia linea ADSL (che, da contratto, dovrebbe viaggiare a 7 Mega) o non viaggia proprio, o quelle volte che riesco ad accedere ad internet va a velocità risibili, ciò mi impedisce l’ uso professionale di cui sopra, ma non solo, mi crea dei disagi notevoli dal momento che non riesco di fatto ad utilizzare i seguenti servizi:

Mail: il servizio basilare per chi è nel campo dell’ IT, il serviizio di mail non mi è accessibile
Banking: Ho un conto online è mi è necessario poterci accedere in qualsiasi istante, poiché è il mio unico modo di gestire il mio conto corrente, quindi ho difficoltà nel mandare pagamenti tramite bonifico, fare trading online, fare ricariche telefoniche ecc..
Videoconferenza: Mi è impossibile chiamare tramite Skype non solo la mia ragazza che sento ogni sera (che adesso sono costretto a sentirla solamente per telefono), ma anche con persone che mi permettono di lavorare o di approfondire tematiche relative al mondo IT e che aumenterebbero il mio know-how
Tutte le risorse IT disponibili in internet (google gruppi, stackoverflow, reddit, ecc): non avendo accesso alla documentazione relativa ai strumenti informatici che utilizzo per programmare mi viene fortemente limitata la mia produttività casalinga :)
Servizi di blogging: Non posso accedere ad HTML.it, per cui non riesco a scrivere nel Blog in cui collaboro, questo mi crea un danno d’ immagine: potrebbe sembrare che io abbia voluto prendere un impegno che non rispetto
Servizi di connessione remota: non posso utilizzare ne VNC o RDP ne tantomeno servizi minori come ssh e telnet

Ricapitolando ho danni economici, danni dal punto di vista lavorativo, danni di immagine e danni morali, nonché perdite di tempo, tempo che ho perso inutilmente per cercare di capire se il problema era mio oppure no (cambio di router, cambio di cavi, cambio di configurazione dei router, test su diversi sistemi operativi ecc...)
Per tutti questi motivi e considerato che avevo aperto il guasto il cinque ottobre e a tutt’ oggi (più di un mese!) il guasto si ripresenta tale e quale e da allora ad oggi ogni giorno la linea va in DOWN (numerosi LCP down visibili dal log del router) per diverse ore, spesso quando ne ho bisogno, i pacchetti che “pingo” vengono persi sistematicamente, la velocità non si avvicina minimamente a quella contrattuale, ho deciso di inviare la qui sotto riportata diffida ad adempiere:

Diffida ad adempiere ( avvalendosi della risoluzione di diritto concessa dall' art.1454 del codice civile )
Alla spettabile
Signora Ditta che mi porta l’ adsl in casa

Io sottoscritto
Cristian
Carlesso
Via dei matti numero 0

con la presente Vi INTIMO di provvedere all'adempimento del contratto con Voi
stipulato relativo alla linea adsl associata al numero contratto che poi sarebbe il mio riguardante il servizio di fornitura in modo continuativo del servizio ADSL Specifico del mio caso.

Adempimento che da parte vostra è venuto meno con il guasto verificatosi in data 05/10/2009 e regolarmente segnalato al
vostro Servizio Clienti contattato tramite form on-line
in data 05/10/2009. Ma nonostante tale segnalazione ad oggi sono spiacente di
constatare che non avete ancora provveduto alla relativa riparazione.

Visto che gli usi non prevedono termini più lunghi, per il ritorno da parte
Vostra all'adempimento del contratto già citato con la presente è richiesto un termine
massimo di 15 giorni dalla Vostra ricezione della presente intimazione, facendo fede il timbro postale.
Decorso inutilmente tale termine il contratto di fornitura del servizio adsl Specifico del mio caso stipulato con Voi sarà considerato risoluto di diritto, ai sensi
dell'art. 1454 del codice civile, con la cui presente intendo avvalermi.
Chiedo inoltre la massima celerità nel rendere disponibile dopo la risoluzione
del contratto il numero di linea ad oggi impegnato dal contratto ADSL in essere con Voi.

Adesso se entro quindici giorni dal ricevimento della raccomandata non mi aggiustano la linea il contratto si risolverà per l’ articolo 1454, articolo che impone il rispetto dei vincoli contrattuali, ora vedremo se mi aggiusteranno la linea, comunque sia vi terrò aggiornati, poiché sembra che scrivere un po’ di righe sulla cosa mi abbia aiutato a far calmare i bollenti spiriti, si , perché anche in questo momento (da un paio di ore) sono sconnesso da internet (sfilza di LCP down nel router)…

Speriamo bene! ;)

So, I want to learn at least a functional languag....hey, wait! I already know it! XSLT!

2009-07-08T20:13:00.001+02:00

So, latelly on the web I've read about functional languages and how they will simplify the way to write complex multithreading/multicore programs, so I think that for be a good developer I need to learn at least one functional language, just for understand what is all this about.

WHY FP?
The bigger benefit from Functional Programming is that since in this style of programming the output depends only from the input parametesr, function have no side effects, and this allow simpler multithreading.

HOW FP WORKS?
Basically you describe a set of function ad tell the function what output give based on its input parameters.

but, hey! wait! if in the last sentence you substitute set of function with set of templates and input parameters with matches you can get that the concept here is very similar of how XSLT works...

In fact, in xslt a given template when feeded with the same input always produce the same output!
Xslt,by the way, under the hood use multithreading so seems that xslt have a lot in common with functional programming language...

mmm...

So, to recap, you can say that XSLT templates are the equivalent of FP functions...
... not quite really, since XSLT templates can't be passed across templates by refence ...

TILL...

... I found this paper !

The examples are not very clear (and font-size are weird on that site), so I write a little Example XSLT here:


<?xml version="1.0"?>
<!-- Here I define a defn namespace, we will need it to define our function-->
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:defn="my-functional-xslt-example"
>

<xsl:output method = "text" />

<!-- here I will define 2 functions add3 and add4 -->
<defn:add3 />
<xsl:template match="defn:add3">
    <xsl:param name="parameter" />
    <xsl:value-of select="3+$parameter" />
</xsl:template>

<defn:add4 />
<xsl:template match="defn:add4">
    <xsl:param name="parameter" />
    <xsl:value-of select="4+$parameter" />
</xsl:template>

<!-- ok, now I will define a function that accept a reference of another function and execute that -->
<xsl:template name="execute">

<xsl:param name="function" select="/.."/>
<xsl:param name="parameter" />

<xsl:variable name="result">
    <xsl:apply-templates select ="$function" >
        <xsl:with-param name="parameter" select="$parameter" />
    </xsl:apply-templates>
</xsl:variable>

<xsl:value-of select="$result" />
</xsl:template>

<xsl:template match="/">

<!-- ok, now I will obtain the reference of our function, and I will store that in two variables -->
<xsl:variable name = "add3" select = "document('')/*/defn:add3" />
<xsl:variable name = "add4" select = "document('')/*/defn:add4" />

<!-- and this is how call the function passing add3 -->
<xsl:call-template name="execute" >    
    <xsl:with-param name="function" select="$add3" />
    <xsl:with-param name="parameter" select="10" />
</xsl:call-template>

<!-- and this is how call the function passing add4-->
<xsl:call-template name="execute" >    
    <xsl:with-param name="function" select="$add4" />
    <xsl:with-param name="parameter" select="20" />
</xsl:call-template>

</xsl:template>

So seems simple (but verbose) to pass around function references.

You will argue that this example works only on MSXML, but on the FXSL page you will found the saxon / xalan corrispondence.

on msxml you can obtain a similar results using msxml:script but this require a little javascript code and JSCRIPTxxx.dll and ,for example on pda, this could be a issue.

So, at the end I can say I already know at least a functional programming language... a sort of... or not? ;)

[jsn] isNative: a.k.a. the windmill war

2009-02-10T20:37:00.003+01:00

Long long time ago me and Andrea Giammarchi have nothing better to do to understand if there was a way to understand if you were using a safe function in javascript or if you use a fake one.

We try very hard to make something reliable, and without fail we manage to crack every single code we wrote.

I gave up but since then every now and then I recall that days in which we enjoyed this "windmill war".
Since when I gave up I had an idea, I just tried to see if that I can work out something to make that idea work.

What IDEA?

Basically since we cannot know if a function is real I thought to make the browser fail if I try to eval some code, make the eval code call himself in an infinite loops.


<script type="text/javascript">
eval = function(str){
 eval(str);
}

eval("alert('hello, proof');"); //too much recursion on FF, stack overflow on IE ;)
</script>

Basically if I extend this logic to all the string evaluating function
(Function object, eval, Object.eval, setTimeout, setInterval) made them using only one function It should work.

example:


eval = function(){
 return function(code){
  (new Function(""+code))();
 }
};

in this way if I try to use eval to rewrite Function I just can't because Function is called inside eval for the same principle of the first snippet I posted.

So why a windmill war?

Caching.
Function caching to be precise,
in javascript I can write this code:


var f = eval

eval = function(str){
alert("I' m an evil functions! bwahahaha!");
 f(str);
}

So I don't need to use Function anymore to rewrote eval, I just Spoof the code,
I can send The spoofed code around using http request (for example a src in images...).

To recap, bear this in mind:
Javascript is so powerful in the way it leaves you modify its behaviour that is totally unreliable.

[jsn] IE Javascript REAL speed tester

2008-11-16T12:31:00.002+01:00

After reading the John Resig post about javascript time accuracy, I decided to make a simple IE wrapper that expose throught the window.external interface an high resolution timer for testing IE Javascript performance

The project is a very basic .net 3.5 window form project written using VS 2008 express,
it will require .net 3.5 installed.

I released the project on codeplex, you can found it at http://www.codeplex.com/IEJst

AVG Aggiornamento kamikaze del 9/11/2008 ripristino XP

2008-11-10T21:22:00.006+01:00

Ieri Avg ha rilasciato un aggiornamento a dir poco kamikaze, infatti per un falso positivo, Avg rileva la user32.dll come malevola ed affetta da un trojan ... e chiede di rimuoverla, ovviamente una buona parte di utenti si è trovato a dir : "Sì, rimuovila pure, grassie!"

...

Poi al riavvio del pc non son più riusciti ad accedere ad XP (...chissà come mai...)

Allora vediamo di far notare con chiarezza la cosa:
Se AVG vi dice che il file user32.dll è infetto da "PSW. banker4.APSA" (o qualcosa di simile) non cancellate, ne spostate nulla!!!

Il mio consiglio è di passare ad Avira free (http://www.free-av.com/) che si è dimostrato recentemente migliore di avg / avast, se invece volete rimanere ad avg mettete il file c:\windows\system32\user32.dll tra le eccezioni dell' antivirus...

Ho inavvertitamente cancellato user32.dll e non mi parte il pc, e adesso???

Allora, semplicemente prendete il cd di installazione di XP (dovete averlo ;) ) e inseritelo, assicuratevi che il vostro BIOS permetta l'avvio da CD/DVD rom e riavviate il pc.

Vi verrà chiesto se volete avviare da cd, premete invio per proseguire
aspettate un po che carichi il menù, ad un certo punto vi verrà chiesto qualcosa,
voi premete R per entrare in console di riparazione e ripristino
a questo punto dovrebbe venirvi scritto qualcos' altro, non ricordo voi continuate finché uscira una roba con dei numeri, nella maggior parte dei casi premete 1 (la spiegazione è sicuramente troppo tecnica)

bene
ora guardate, quello è un prompt XD
ammiratelo con sacro rispetto per 2 minuti dopodiché digitate (premendo invio ogni comando)


D:

dir /ad

se tra le cose che vi vengono scritte c'è un I386 proseguite al punto G
altrimenti provate scrivendo


E:

dir /ad

se prima non c'era qui dovrebbe esservi un I386, altrimenti andate avanti con l'alfabeto finché troverete la prima I386 dopodichè potete anche voi passar al punto "G"

Punto G
a sto punto scrivete (ricordo sempre l'invio)


cd I386

expand user32.dl_ c:

copy c:\user32.dll c:\windows\system32

da notare l'underscore (il trattino di sottolineatura) nel comando expand

bene ora potete riavviare e una volta fatto potete (S)cancellare il file user32.dll in c:\ (non quello in c:\windows\system32 però)

se AVG vi tedia ancora dicendo che c'è un virus fate la famosa "finta da pomi" (cioè ignoratelo)

Vi presento un nuovo recensIONISTA di giochi! :D

2008-09-30T21:10:00.005+02:00

Ho iniziato una collaborazione con il sito Gameszone.it, per cui scrivo per loro alcune recensioni di giochi che provo in anteprima :D
I primi 2 giochi che ho avuto in carico di recensire sono S.T.A.L.K.E.R.: Clear Sky e X3: Terran Conflict.
Il primo è il prequel molto atteso di S.t.a.l.k.e.r.: Shadow of Chernobyl, che è un FPS con alcuni elementi RPG di stampo survival horror, il secondo invece è una simulazione di vita nello spazio, che in realtà è anch' essa a sua volta un seguito, in particolare trattasi di un' espansione standalone di X3: Reunion;
X3 mi ricorda per certi versi un gioco del '94 dove si colonizzava lo spazio (che volevo fare lo sborone citandolo, ma che in questo momento non mi sovviene il nome) comunque mentre quello era un gioco strategico a turni questo è tutto in real time, ma real time vero, tutto calcolato in tempo reale.

Entrambi i giochi sfoggiano una grafica mostruosa, e sono pure avidi di risorse, Stalker al massimo dettaglio fa fare fatica al mio nuovo PC (un quadcore con 4gb di ram e una 8800gt!!!) comunque, giochi a parte, per me è stata un esperienza nuova, vedere pubblicate le proprie recensioni dà una soddisfazione senza eguali, è stata una gioia dedicarmici e spero in futuro di poterlo fare sempre più, vi invito,
se vi interessa, a leggere le recensioni di S.T.A.L.K.E.R.: Clear Sky e di
X3: Terran Conflict
e di lasciare, in caso, qualche commento qui, suggerimenti, critiche, idee eccetera tutto è bene accetto.

Ps. Questa piccola avventura ha già portato i suoi frutti, infatti sto migliorando il mio modo di scrivere, che era arrugginito dalla sindrome SMS / Chat.
Risulta infatti difficile scrivere un qualcosa correttamente dopo essersi (MALE!) abituati alla scrittura veloce da messaggini, mail e sms vari, son però contento perché tutto torna utile :D

Dustin Diaz Programming Brain Teaser

2008-07-08T11:58:00.003+02:00

TEST : http://www.dustindiaz.com/programming-brain-teaser/

A solution:


arr.join("")
.replace(/(.)(\1)((\1)+)/g,'$1$1[$3]')
.split("")
.join(" ")
.replace(/\[\ /g,"<span>")
.replace(/\ \]/g,"</span>")

obviously it can be simplified, but for me that's enought ;)

pensavo di scrivere male... e invece!

2008-05-04T14:13:00.002+02:00

Questo è il risultato del test applicato sul mio blog,
è un test di leggibilità, come potete vedere per leggere il mio blog non occorre essere indottrinati :D, buon per voi, :lol:!

MEGA SCOOP!!!

2008-02-09T03:28:00.000+01:00

Fonti certe mi hanno confermato che sta per tornare in pompa magna niente popò di meno che il Vero programmatore più scoppiettante che mai..
Dovrà darsi forza per recuperare un anno di inattività, ma son certo che ce la farà,
mi auguro solo che non sparisca subito di nuovo...

[jsn]A simple JS IoC example code

2008-01-22T22:45:00.002+01:00

Inspired by Ninject documentation I decided to port the c# example code to my JS IoC.
Here are the code:


var
shuriken = {
 hit:function(who){alert("pierced the "+who+" armor");}
},

sword = {
 hit:function(who){alert("Chopped the "+who+" in half");}
};

function Samurai(weapon){ 
 return {
  Attack:function(who){   
    weapon.hit(who);   
  }
 }
}
container.register("samurai",Samurai);
var warrior1 = container.byConstructor("samurai",shuriken),
    warrior2 = container.byConstructor("samurai",sword);
   
   warrior1.Attack("The evildoers");
   warrior2.Attack("The evildoers");

So simple, So clear!

[jsn]JS IoC on GoogleCode!

2008-01-22T22:13:00.002+01:00

Today I moved my JS IoC source on GoogleCode,
and for the occasion i made a little change in the code, so now JS IoC
is perfectly compatible with MooTools ( I tested the beta, but it should work on the current also ) with the Class Module selected.
So now you have 2 choice, or use the old (and perfectly working) code and use
Andrea Giammarchi extend script (I put that also on Google Code) or if you
already use MooTools you can simply take the 1.0MT version and you're ready to go!

Human Japanese

2008-01-08T21:34:00.000+01:00

Chi mi conosce sà che il mio nickname deriva da quel gran maestro che è
Kentaro Miura, autore del celebre Berserk manga che non molto tempo fa ha spopolato
in tutto il mondo.

Negli anni ho imparato a coltivare una passione per quel bel paese che si chiama Giappone, che ha una cultura tanto diversa dalla nostra, che per molti diventa quasi difficile comprenderla.

Il Giappone mi ha sempre affascinato, il mio desiderio è di farci visita un giorno,
prima però sarà bene che almeno impari le basi della loro lingua, altrimenti farei
solamente una grama figura.

Ho cercato di imparare la lingua un po per volta, provando varie strade, tra cui
una è ascoltare i podcast (eccezionali sono quelli di japanesepod101), reperire documentazione in internet e guardare qualche anime in lingua con i sottotitoli
(che è un esperienza che consiglio vivamente a tutti, l' espressività dei giapponesi nel doppiare gli anime non è paragonabile a niente al mondo).

Purtroppo senza una scuola di giapponese è molto difficile imparare questa lingua che sembra ostica, ma che in realtà per certi versi è più facile di tante altre lingue.

Per chi, come me, ha un po di dimestichezza con l' inglese il compito risulta facilitato per la quantità di informazioni che è possibile reperire in internet.

L' altro giorno, un po per caso mi sono imbattuto in un sito che vende un prodotto software per imparare questa lingua, incuriosito ho notato che non solo era possibile scaricare la demo, ma è anche possibile provare gratuitamente in internet una versione live
che riproduce fedelmente la versione per pc, seppur in maniera limitata.

Di primo impatto, essendo un professionista del web ho notato come il sito fosse ben fatto sia a livello grafico sia testando il sito con Firefox, Explorer e Safari.

Leggendo poi le lezioni disponibili online ho deciso di scaricare la demo gratuita, scoprendo che l'unica limitazione imposta era relativa al tempo, in pratica è possibile controllare tutte le lezioni(e i relativi esercizi) contenuti.

Mi sono poi soffermato su alcuni dettagli tecnici, ovvero che il programma è fatto in .NET (presuppongo in c#) e che non è null' altro che un custom browser che fa girare le pagine delle lezioni, i test invece sono scritti in Flash, quindi è richiesto il player di Adobe.

A differenza di software didattici analoghi e costosi (per esempio Rosetta Stone) dove si cerca di insegnare la lingua per associazioni mentali, Human Japanese si propone come una guida, una specie di libro, che ci permette di seguire un filo logico per imparare il giapponese, ed è questo che mi ha colpito maggiormente di questo software (forse perchè è ciò che stavo cercando io).

Questo unito al fatto che il software ha un prezzo veramente basso ($24.95) mi ha fatto propendere al suo acquisto.

Per finire aggiungo che per i blogger c'è la possibilità di un ulteriore sconto a patto che scriviate un articolo su tale software (potete anche parlarne male), di 10$.

Bleach, The Film

2007-12-22T19:50:00.000+01:00

I'm going to make a film on Bleach, obviusly I gonna to interprete Kurosaki Ichigo,
did you think I'm joking? ok, take a screenshoot of the film:

Me, Hollow by ~kentaromiura on deviant ART

Ps. ok, i was kidding, but if someone would make a film on Bleach, please take me in consideration, I'm the Perfect Kurosaki Ichigo ;D

24ways - Capturing Caps Lock

2007-12-04T20:21:00.002+01:00

Today i read this interesting Post on 24 ways: Capturing caps lock
Stuart use the Shift status to understand if Caps Lock in On or Off,
is a very good script, but it miss some particular cases:

when someone type the ascii code using ALT + code,
for example ALT + 65 is the same to write capital A,
so if we wrote ALT 65 on the form, the form alert us that we have CAPS lock on :D
Since i think nobody wrote password using Ascii code (unless they write strange character) this code is a big usability and accessibility tricks!

[jsn]getElementByClass revisited

2007-10-29T22:43:00.002+01:00

Today me and my friends Andr3a had a talk about getElementsByClassName,
I had the idea to write my own implementation since 1 year ago,
in that time I first saw firefox document.evaluate and I blogged to remind myself that I must wrote a better implementation.
The original one was based on Dustin Diaz works.
Seems that the day is come for me, so I've taken my previous work and i've done a lot of optimization, i think now is one of the fastest that you can find around the net
...here the code:

getElementsByClassName.js


/*Kentaromiura 1.0 version*/
document.getElementsByClassName = function(searchClass,tag,node){
 var p = function(){
  if([].push)return function(a,b){a.push(b)};
  return function(a,b){a[a.length]=b}
 }();
 
 node = node || document;
 tag = tag || '*';
 
 if(document.evaluate){
  var xpr = document.evaluate([".//",tag,"[contains(concat(' ',@class,' '),' ",searchClass," ')]"].join(''),node, null, 0, null),
  t = true,
  els = new Array();
  while(t=xpr.iterateNext()){
   p(els,t);
  }
  return els;
 }


 var els = node.getElementsByTagName(tag),
 pattern = new RegExp(["(^|\\s)",searchClass,"(\\s|$)"].join('')), 
 ce = new Array();

 for (var i = 0, max = els.length; i < max; i++) {
  if(pattern.test(els[i].className))
   p(ce,els[i]);
 }
 return ce;
}

Tomorrow I will test it more, for now i only can say that it will work on
IE7, FF 2.0.x.x and safari 3.0.3
Teoretically it should work with IE4+, NN 7+,opera 8+ ff 1+ but keep this as not sure
since I can't test it right now.
So if you can leave a comment with your browser I would be grateful.

Ps. since I share my ideas with andr3a, he had wrote his own implementation,
it is very similar to my approach but it's different in some way, so be sure to take a look at his work

bye ;D

post informativo: eliminazione adsense

2007-10-20T22:57:00.000+02:00

Come potete notare ho eliminato adsense dal mio blog, mi è servito nel breve periodo in cui l'ho utilizzato a fare alcune statistiche, ho lasciato comunque la barra di ricerca di google perchè ho visto che è stata utilizzata diverse volte.

ho aggiunto comunque analitycs per vedere se il blog necessita di modifiche al layout o se, come penso, i contenuti sono accessibili senza troppi problemi..

sto inoltre rivalutando l'ipotesi di riabilitare i commenti anonimi in un futuro prossimo, faccio però notare che l'iscrizione a blogger è gratuita.

Alla prossima

[jsn]Adobe Flex Presentation - Behaviour - Business Logic

2007-10-14T19:56:00.002+02:00

Before I start I would say that I never seen an action script line
before today, day in which I started playing around with FLEX.

Since the Hello World example is old fashioned, I have the great idea to start
with something a bit harder, but just a bit since I want to separate my action script
code from the mxml.
basically i would to use mxml as a presentation layer,
an external file for all the logic (I called it BI.as)
and another AS file for handle the behaviour of my code

Seems that doing so i didn't respect the K&R commandments #0 that is
c:\> Thou shalt not start to learn a language without write THE proper hello world_

so, for that, i had to pay a big pain!
but in the end I'll be forgive and I come to a solution.

here the MXML:
kentatest.mxml


<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="oncreation();">
<mx:Script source="BI.as" />
<mx:Script source="behaviour.as" />
    <mx:Panel title="kenta template" paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
        <mx:TextArea id="area1" />
        <mx:Button id="btnSubmit" label="Submit"  />
    </mx:Panel>
</mx:Application>

and here the code, first the Business logic file:

BI.as


public function hello():void{
 area1.text='Hello.kenta()';
}

and now the Behaviour file:

behaviour.as


private function oncreation():void{
 btnSubmit.addEventListener('click', function (event:MouseEvent):void{
  hello();
 });
}

so in the end seems that I did i...what?!? why I put that lines in orange?
basically it was the fault that cause all of my pain trying doing this, without that lines
nothing work.
that lines is the same thing of write <body onload="oncreation"
on a HTML page.

so even if I can't completely separate actionscript code from the mxml presentation,
in this way I can add events externally in the behaviour file,
after that i tried to use addEventListener('creationComplete',...
but seems that flex didn't recognise the addEventListener function.

Sorry? what time is now in UK?

2007-10-09T22:03:00.000+02:00

THANK YOU FOR ORDERING IN RAINBOWS. THIS IS AN UPDATE.

YOUR UNIQUE ACTIVATION CODE(S) WILL BE SENT OUT TOMORROW MORNING (UK TIME). THIS WILL TAKE YOU STRAIGHT TO THE DOWNLOAD AREA.

HERE IS SOME INFORMATION ABOUT THE DOWNLOAD:

THE ALBUM WILL COME AS A 48.4MB ZIP FILE CONTAINING 10 X 160KBPS DRM FREE MP3s.

Just because I simply can't wait!

uIoC - A WINCE IOC library for compact framework 2.0

2007-09-15T11:22:00.000+02:00

In these days at workplace i'm working on a WINCE project,
I had to do some optimization to my old code and I wish to make it more readable,
so bearing in mind this I start to Google around
searching for an IoC container/framework that works on Compact framework 2.0 but
I was embittered since i cannot find any IoC implementation for Compact Framework.
Since i haven't special needs instead of using frameworks like spring.net or Windsor
i would use something simple but straightforward, like picocontainer
or this one ;D :
kentaIOC
I start to thought how complex could be to write my own IoC implementation for Compact Framework, I was dazzled when I see that what i needed was so simple to achieve!

So i write my own implementation that let register object and initialize that by constructor.

For now is very basic, need some extra works but since, at least for me,
it do its dirty work i thought to share my efford.

I think somebody can find it useful, so
i opened a project on codeplex, you can find the project page at this address:
uIoc and you can download the source
on the Release page

[jsn]Configuring JSUnit for Visual Studio 200X

2007-09-06T22:23:00.002+02:00

I want to share this things, because today it take me a while to get the hang of it.
I now going to explain how to integrate JSUnit into your visual studio 2005/2008 Express/Standard/* version.
the procedure is the same, so now I show you what you need:

JSUnit, get the latest version here

A copy of Visual Studio (I tried on Express, Standard and Professional) 200X,
i not tried with 2003, but for what I remember the procedure is the same

Mozilla firefox

I only get this method work on firefox, probably because an IE restriction on file: protocol,
is not mandatory but i reccomend to install this both plugin for Firefox:
Firebug and web developer toolbar

Ok,

open up Visual Studio

On the menu go under Tools (Alt+T)- External Tools (E)

Click on the Add button

in the title box write "JSUnit"

click on the "..." button to search your firefox executable (probably under "C:\Program Files\Mozilla Firefox\firefox.exe") and fill the Command Box

on the Arguments box write "file://path/to/jsUnit/testRunner.html?testPage=$(ItemPath)&autoRun=true"

Click on the OK button

where path/to/jsUnit is the path where you install your jsunit copy.

to test it open the file
path/to/jsUnit/tests/jsUnitAssertionTests and from Tools select JSUnit.

ps.following the instruction on this page
you can also install javascript lint :D

KentaIoC - A js IOC library - english version

2007-09-04T11:40:00.001+02:00

Thanks to Rey9999 for this marvelous translation.
original document here: Italian version

Lately I've been using an IOC framework at my workplace and I grabbed the potential of such an approach right from the start, since it lets you keeping conceptually separated its own classes. To achieve this, we follow a single concept: to separate the logic that keeps the classes externally bound.

Often, in traditional programming, an object "A" inside a method configures another object "B", before calling some other method of the latter. With Inversion of Control instead, object "A" will never need to configure object "B", but it will simply call it directly.

Probably I was not clear enough, so I invite whoever wishes to understand better this matter to deeper study this topic elsewhere - I will now pragmatically concentrate on writing some code which will let us use the IOC with javascript.

How do we set up the IOC?
Usually we have a class "A", keeping inside a member "B" extending a known interface: this way, even if "A" does not know the actual implementation of "B", it can communicate with it, as between "A" and "B" there's a kind of "contract" defined by the interface.

Sure, but in Javascript there are no interfaces, so programming through interfaces is impossible!
Of course, this is the first problem that I will write about. Let me first recall that JS is a dynamic language and it has no Strict Typing (even if Andr3a will surely argue). Technically, it could be possible to simulate interfaces using JS - but this would violate the KISS principle, so looking for an alternative I will use a different approach, which even being completely unrelated to interfaces, lets us work with this architecture all the same.

This concept is called Duck typing, that is: if our class moves like a duck and has wings as a duck, then for us it's a duck (even if it is actually a pheasant).

Another topic must be explained along with IOC: Dependency Injection, which basically says that an object "C" which knows neither objects "A" or "B" will be in charge of putting "the right B" inside "A". "C" is also our container.

What exactly does a container do?
A container wraps a table uniquely identifying an object instance (usually components: tiny objects which do a single thing - but do it RIGHT), associating an ID to it.
Yeah, right, but isn't it right about time to show some code?
Here's how we can easily manage a container:


var c={};
//configuration of c
    c.B={getMessage:function(){return "test Container"}}
    
    //A doesn't know exactly B it only know that B have getMessage(duck typing approach)
    var A = {
        B:c.B,//A doesn't have the implementation of B,it rely on C to have the correct one.
        test:function(){alert(this.B.getMessage())}
    }
    
    A.test();

Excuse me, but from what I understood so far, isn't "C" just a hashtable?
Well, no. Actually I'm introducing a concept at a time - assuming "C" is really a hashtable, to get a correct management of the IOC, the container must do more than that.

Depending on the configuration, the container must be able to instance the correct object (Factory). Here's where injecion comes in: our container must be able to inject the object inside another object.

Each framework use different methodologies to inject dependencies. The two most common ways, which you will surely find in every framework, are injection by constructor and injection by setter. To keep things simple, my scrypt depends from the extend script by Andrea Giammarchi, so make sure to include before your script.


var A ={
    test:function(){alert(this.B.getMessage())}//duck typing 
};

var container = {
    C : {},
 register:function (id,component){
  this.C[id]=component;
 },
 find: function (id){
  return this.C[id];
 },
 bySetter: function(){
     var id=arguments[0];
     
     var Obj = this.find(id);
     
     for(var i=1,max=arguments.length;i<max;i++  ){
     Obj = Obj.extend(arguments[i]);
     
     }

     return Obj;
     
    },
    byConstructor : function(){
  
 var id = arguments[0];
 var pars = new Array();
 for(var i=1,max=arguments.length;i<max;i++  )
  pars.push(arguments[i]);
  

 var Obj=this.find(id);
 return Obj.apply(Obj,pars);
 

    }

}

/*Start setter configuration*/
container.register('AS',A);

container.register('BS',{getMessage:function(){return 'Hello setter injection!'}});
container.register('BS2',{getMessage:function(){return 'Hello setter injection #2!'}});



container.bySetter('AS',{'B':container.find('BS')}).test();
container.bySetter('AS',{'B':container.find('BS2')}).test();


/*Constructor injection example*/
function AC(B){

return {
test:function(){alert(B.getMessage())}
}
}

container.register('BC',{getMessage:function(){return 'Hello constructor injection '}});
container.register('AC',AC);


container.byConstructor('AC',container.find('BC')).test();

The reusable part of the script above is the container I wrote. It lets us register the components using register(id, component), as well as searching already registered components with find(id).
Last but not least, it lets you injecting by constructor with byConstructor(id,parameters) and injecting dependencies through a setter with bySetter(id,setterObject)

Finally, thanks to Andrea Giammarchi, you can find the code here: http://www.devpro.it/code/164.html

KentaIoC - A js IOC library

2007-09-02T13:01:00.001+02:00

English version)

Ultimamente a lavoro sto usando un framework IOC

e fin da subito ho capito le potenzialità di un simile approccio, il quale permette
di separare concettualmente le proprie classi.
Per fare ciò ci si basa su un unico concetto, separare la logica che lega le classi esternamente.

Mentre nella programmazione tradizionale spesso accade che un oggetto A all' interno di un metodo configuri un oggetto B prima di invocare qualche metodo di ques'ultimo,
con l' Inversion of Control A non dovrà mai configurare B ma invocarlo direttamente.

probabilmente mi sono spiegato male e invito chi desiderasse capire meglio il concetto ad approfondire in maniera teorica l' argomento altrove in quanto ora mi concentrerò in maniera pragmatica nella scrittura di un codice che permetta l'utilizzo della IOC in javascript.

In che modo si mette in piedi l'IOC?
normalmente avremo una classe A che contiene al suo interno un membro B
che estende un interfaccia nota, in questo modo anche se A non conosce l'effettiva implementazione di B può dialogare con B poichè tra A e B c'è in piedi un contratto definito dall' interfaccia.
Si, ma in javascript non esiste il concetto di interfaccie, quindi la programmazione attraverso interfaccie non si può usare!
Ovviamente questo è il primo problema da affrontare, e a questo aggiungo che JS è un linguaggio dinamico e non ha lo Strict Type (non è un linguaggio fortemente tipizzato), anche se Andr3a sicuramente mi smentirà. volendo sarebbe possibile simulare le interfaccie in JS ma questo andrebbe contro il concetto KISS, quindi cercando un alternativa userò un concetto che nonostante non c'entri nulla con le interfaccie permette di lavorare lo stesso con questa metodologia.
Questo concetto che andrò a introdurre è il Duck typing,
ovvero se la nostra classe si muove come un fagiano e ha le ali di un fagiano allora per noi è un fagiano, anche se in realtà è un aquila.

Al pari con la IOC c'è un altro concetto, quello della Dependency Injection
che in pratica dice che un oggetto C che non conosce ne A ne B si occuperà di mettere "il giusto B" all' interno di A
C è inoltre il nostro Container.
Cosa fà esattamente un container?
Un container mantiene al suo interno una tabella che indica in maniera univoca un istanza di un oggetto(normalmente sono dei componenti, ovvero dei mini oggetti che fanno solo una cosa, ma la fanno bene) associandogli un identificativo.
Si, vabbè, ma non è ora di far vedere un po di codice?
Ecco come si può gestire facilmente un container.


var c={};
//configuration of c
    c.B={getMessage:function(){return "test Container"}}
    
    //A doesn't know exactly B it only know that B have getMessage(duck typing approach)
    var A = {
        B:c.B,//A doesn't have the implementation of B,it rely on C to have the correct one.
        test:function(){alert(this.B.getMessage())}
    }
    
    A.test();

Ma da quel che ho capito C è solo un hashtable?
No, in realtà sto introducendo un concetto alla volta, se è vero che C è un hashtable
a tutti gli effetti, per avere una corretta gestione della IoC il container deve fare altro.
In base alla configurazione, il container deve poter istanziare il corretto oggetto (Factory)
ed è qui che entra in azione l'injection, il nostro container deve poter iniettare l'oggetto all' interno di un altro oggetto.
I vari framework hanno varie metodologie per iniettare le dipendenze, sicuramente le 2 più usate e che troverete in qualsiasi framework sono l'iniezione per costruttore e per setter.
per semplificare le cose il mio script dipende dall' extend script di andrea giammarchi
, assicuratevi quindi di includerlo in testa al vostro script


var A ={
    test:function(){alert(this.B.getMessage())}//duck typing 
};

var container = {
    C : {},
 register:function (id,component){
  this.C[id]=component;
 },
 find: function (id){
  return this.C[id];
 },
 bySetter: function(){
     var id=arguments[0];
     
     var Obj = this.find(id);
     
     for(var i=1,max=arguments.length;i<max;i++  ){
     Obj = Obj.extend(arguments[i]);
     
     }

     return Obj;
     
    },
    byConstructor : function(){
  
 var id = arguments[0];
 var pars = new Array();
 for(var i=1,max=arguments.length;i<max;i++  )
  pars.push(arguments[i]);
  

 var Obj=this.find(id);
 return Obj.apply(Obj,pars);
 

    }

}

/*Start setter configuration*/
container.register('AS',A);

container.register('BS',{getMessage:function(){return 'Hello setter injection!'}});
container.register('BS2',{getMessage:function(){return 'Hello setter injection #2!'}});



container.bySetter('AS',{'B':container.find('BS')}).test();
container.bySetter('AS',{'B':container.find('BS2')}).test();


/*Constructor injection example*/
function AC(B){

return {
test:function(){alert(B.getMessage())}
}
}

container.register('BC',{getMessage:function(){return 'Hello constructor injection '}});
container.register('AC',AC);


container.byConstructor('AC',container.find('BC')).test();

La parte riutilizzabile dello script sopra è il container che ho scritto.
Il suddetto container permette di registrare i componenti usando register(id,component)
di cercare i componenti già registrati find(id)
permette infine di iniettare per costruttore byConstructor (id,parameters)
e di iniettare le dipendenze tramite setters bySetter(id,setterObject)

Grazie ad Andrea Giammarchi potete scaricare il codice da qui : http://www.devpro.it/code/164.html

LINQ e Filesystem

2007-07-30T19:13:00.000+02:00

La potenza di linq è veramente incredibile,
linq è utilizzabile già su molti tipi come ad esempio i vettori di stringhe,
come ho dimostrato nel post precedente, si può utilizzare questa caratteristica,
assieme ad un altra nuova features di VS 2008 ovvero gli extension method per interrogare in maniera intelligente il filesystem

ad esempio, supponiamo di voler selezionare alcuni files in base ad un espressione regolare, sappiamo che Directory.getFiles ritorna un Array di String..

sarebbe bello poter aggiungere un metodo generico per validare una stringa rispetto a una regular expression..
scopriamo che grazie all' aggiunta del extension method è possibile.
Tutto ciò che dobbiamo fare è creare una classe statica e aggiungere i nostri metodi statici in questo modo:


public static class extension {
    public static bool Match(this string me, string regExp){
    System.Text.RegularExpressions.Regex rg= 
        new System.Text.RegularExpressions.Regex(regExp);

    return rg.IsMatch(me);
    }
}

il this prima del string me aggiunge questa funzione a tutte le stringhe
sarà quindi possibile ora fare "".Match("") !!!
Supponiamo di avere la seguente cartella C:\TEST:

proviamo ora a leggere dalla directory c:\TEST tutti i files che terminano con txt
e facciamoci tornare un po di proprietà del file


var selection = 
            
  from file in System.IO.Directory.GetFiles("C:\\TEST")
  where file.Match("txt$")
  select new {
     Path = file,
     Name = new System.IO.FileInfo(file).Name,
     CreationDate = new System.IO.FileInfo(file).CreationTime,
     Directory = new System.IO.FileInfo(file).DirectoryName    
  };


gridview1.DataSource = selection;
gridview1.DataBind();

testiamo ed ecco il risultato:

Visual studio 2008 and framework 3.5

2007-07-30T18:01:00.000+02:00

In questi giorni sto smanettando con la nuova versione di visual studio e soprattutto con LINQ e le query syntax

per esempio supponiamo di avere una lista di nomi e cognomi in questo formato "cognome nome" e di volere ordinare per nome..
un operazione che può sembrare semplice ma che in realtà è piu complicata del previsto..

utilizzando le query syntax e usando LINQ è possibile risolvere quest' operazione in poche righe ad esempio:


var developers = new String[]{
"Carlesso Cristian",
"Giammarchi Andrea",
"Scott Guthrie"
};

var selections = from dev in developers
orderby dev.Split(' ')[1]
select dev;

gridview1.DataSource = selections;
gridview1.DataBind();

vediamo passo per passo quello che ho fatto:
con


var developers = new String[]{
..
}

ho definito un vettore di 3 stringhe nel formato "cognome nome"
da notare che ho utilizzato var anzichè l' equivalente String[]


var selections = from dev in developers
orderby dev.Split(' ')[1]
select dev;

ecco in tutto il suo splendore la query syntax,
tradotta in italiano equivarebbe a qualcosa come:
per ogni stringa contenuta all' interno di developers creami una variabile temporanea
dev che contiene la stringa, poi ordinami le stringhe in base
alla parte a destra dello split ottenuto considerando spazio come token
e ritornami il risultato all' interno di selections


gridview1.DataSource = selections;
gridview1.DataBind();

con queste 2 istruzioni andiamo a popolare un gridview di una pagina aspx

lanciamo il debug e vediamo in output il seguente risultato:

bello ma non mi piace molto il titolo della colonna della GridView.. Item non ha molto senso dopotutto...
perciò torniamo sul codice e modifichiamo la query in


        var selections = from dev in developers
                         orderby dev.Split(' ')[1]
                         select new {Developer = dev};

cosi facendo abbiamo rinominato la colonna....

e nel frattempo vi ho mostrato qualcosa che sarà molto più utile in uno dei prossimi post..

Giulietta e Romeo 2003

2007-07-02T00:59:00.000+02:00

Se non ricordo male nel mio primo post in questo Blog dissi che avrei parlato di Teatro...
solo oggi, con grande ritardo, inizio a proporre i miei vecchi spettacoli scolastici

Ecco il link al mio primo spettacolo uploadato,
questa è ciò che considero la mia peggior interpretazione,
dizione da paura(con notabile intercalare dialettico),
sono riuscito a dimenticare una battuta e recitavo con dei maghi, anzi oserei dire
dei professionisti, dell' impallaggio (ovvero quando l'attore che recita ha una persona davanti che lo nasconde),
siamo andati troppo veloci e ho probabilmente creato troppo rumore e mi muovevo troppo,
dopotutto è teatro scolastico ma questa mia interpretazione è ben al di sotto delle mie reali capacità artistiche, anche se lo spettacolo successivo(recitato subito dopo) andò molto meglio.
Purtroppo non esiste ripresa del 2 spettacolo.
Degno di nota alcuni attori che recitavano con me.

..Ma nulla in confronto al duo formato dal sottoscritto e il grandissimo Filippetto ...che però proporrò più avanti
(non appena verrò in possesso degli originali)
Buona visione

Sometimes is better to be wrong

2007-05-30T23:04:00.000+02:00

Recently i found that the net could be
a very tricky place,
expecially when different people write different things
and some of this are wrong,
sometimes happen to miss the point in a discussion.

so web 2.0 and social bookmark can make you a flamewarrior

I'm a developer, i know lots of developer and in my experience i can say
that for a developer is very hard to admit when he's wrong.

So the point here is to undestand what is wrong, in my case i was talking about a different argoument, and i'm happy to be wrong, cause i learnt something new.

Javascript ninja

2007-04-29T22:36:00.000+02:00

recently i found this post in meeblog:
http://blog.meebo.com/?page_id=254

scrolling down to the end there is a simple test..

I think that that test is a bit confused, very vague... probably they do on purpose

now i gave the *REAL* (imho) answer to their question,
because i think that they are a good exercise ^_^;;
I hope doing so don't cause problems (I don't want enemy)

1. When does div.setAttribute(”###”) not equal div.###?

this question is vague... here some right answer(on angle brackets my suppposition):

always because ### is not a valid javascript

[if ### is a placeholder for a word]
since div is not defined if ### contains only character valid for a variable (i.e not -)
the error returned is always ("div is not defined");
so they are not equal when ### contains not valid javascript character for a object property.

[if they means DomNode.setAttribute]
since setAttribute want 2 parameter (name and value)
and since the value here is not showned then the first should raise a not enought argument error
the second one simply do nothing so they are always different.

2. What’s the difference between these two statements:

a. var x = 3;
b. x = 3;

[in global scope] there are no difference
[elsewhere] the first one create a private variable instead the second use (or create) a global variable.

3. What’s the difference between:

a. !!(obj1 && obj2)
b. (obj1 && obj2)

al 2 expression return always the same error:obj1 is not defined

[if we suppose that obj1 and obj2 are defined]

AND [if they are in using in a test (for example in a if condition)]
they are always the same since the condition automatically cast them as boolean value

[elsewhere] if they are in an assignment statement the difference is pretty simple

in the first case the returned value is true if both obj1 and obj2 are defined and not equals to false,undefined,null,0 or ''
ELSE the return value of this expression is false

in the second case if obj1 is equal to false,undefined,null,0 or '' the result is obj1 else is obj2

4. Write a one-line piece of JavaScript code that concatenates all strings passed into a function:

function concatenate(/*any number of strings*/) {

var string = /*your one line here*/
return string;
}

since in one line you could write all the code you want(separating with ; )

you could do something like

var string  = [''];(function(a){for(var i=0,max=a.length;i<max;i++)string[string.length]=a[i];})(arguments);string=string.join('');

5. What do these two examples have in common?

Example 1:

var obj = document.getElementById(’adiv’);
document.getElementById(’adiv’).ptr = obj;

Example 2:

function assignClick() {
var el = document.createElement(’div’);

function handleClick() {
el.innerHTML = ‘clicked!’;
}

el.attachEvent(”onclick”, handleClick);
}

both do nothing,
notice that the first could gave an error if there is not an element in the dom with the name adiv or if the node exists but the function is called before the dom is totally parsed (before oncontentload),
the second give an error if executed in an
application/xhtml +xml if the browser is not firefox since innerHTML
should don't exist(firefox is weird here)

RAWUW - Ruby Ajax & Webservice UI for Windows

2007-03-20T00:46:00.000+01:00

..
In this post I show you how you can use Ajax to develop with a HTML UI with Ruby

Recently I started developing with ruby, with the Windows version to be precise.

I'm very busy at the moment so I need to develop as fast as I can.

I needed a way to design an User Interface with the minimum efford and, since I haven't Internet nor Tk installed on my Windows Machine and I wouldn't spend many time to learn another library to draw something on the screen, I looked around the documentation for something that I already knew..

I saw that Ruby lets you play with WIN32OLE, particularly with InternetExplorer.Application (also known as a WebBrowser control).

In C# you can write a class and expose its properties and methods through the window.external object of the WebBrowser control so that you can use it in javascript

I haven't found a simply way to do this with Ruby.

So I thought how I can associate browser events to ruby code .. I needed a Bridge .. Hey, wait ..AJAX!!

recensione joost (1 parte)

2007-03-15T17:32:00.000+01:00

Ecco la prima parte della mia personalissima recensione a Joost, la recensione sarà in 2 lingue, italiano e inglese

Cos' è Joost
Il progetto Joost, conosciuto in passato come The Venice Project,
è un progetto degli stessi autori di Skype e Kazaa ovvero Janus Friis e Ikals Zennstrom.
Il progetto è molto interessante poichè mira a diventare la piattaforma di diffusione di contenuti video del futuro.

L' obiettivo è ricreare la senzazione di guardare la TV, sfruttando le tecnologie attuali,
lo streaming dei dati utilizza infatti usa un protocollo P2P e i video sono compressi in formato h264 e trasmessi in tempo reale al momento della richiesta.
La parte più interessante di tutto ciò è che è basato sulla Mozilla Platform,
esattamente come Firefox, questo dovrebbe bastare per far capire che in futuro usciranno plugin e skin per questo programma, oltre ad essere un punto di certezza per la stabilità dell' applicazione.

Il progetto, così come Skype mira ad essere gratuito e già da ora i gestori di Joost hanno stretto accordi con diversi fornitori dei contenuti per assicurare il buon esito del progetto, la piattaforma Joost attira molto sia perchè
dietro ad esso c'e' un gruppo che si è già affermato con applicazioni di successo,
sia perchè all' interno dei contenuti sono presenti dei minispot pubblicitari di qualche secondo che garantiscono ai provider di contenuti i costi di gestione e attirano persone interessate a lucrarci, in un articolo apparso sul Time i 2 creatori stima no che entro 2/3 anni
avremo a disposizione 5000 canali!!!

I video hanno un ottima qualità, come potete vedere dai screenshot allegati a questo post, e sono suddivisi per "Canali", già da ora sono disponibili canali molto interessanti come ad Esempio Fifth gear, un canale inglese che fa recensioni di Automobili, Ci sono vari canali musicali ed alcuni canali di MTV, c'e' un canale (BONG) che trasmette Anime giapponesi(!!)
nella seconda parte della recensione farò una panoramica dei canali disponibili, al momento della stesura e spiegherò il funzionamento delle varie parti che compongono questo software, compresi gli attuali plug-in disponibili(la figura qui a fianco ne mostra alcuni)

Google dom translator scriptlet

2007-03-05T12:37:00.000+01:00

Andr3a Giammarchi write a good pieces of code, i make a scriplet to anydays use..

just save this link on you preferites sites
and use where you want.
Click on it to test it
I tried on FF and IE7, enjoy ;)

Project venic...I mean joost

2007-03-04T20:36:00.000+01:00

I received a beta tester invite for this marvelous program, in these days i m trying it
and soon i will post a review of this product, stay tuned..

KentaKast #01 Design pattern

2006-12-07T22:42:00.000+01:00

Ecco il mio primo screencast, il primo di una serie dedicata ai design pattern in javascript
in questo screencast parlerò del Singleton
Se avrà successo ne seguiranno degli altri..
Buona visione

2006-11-09T18:23:00.000+01:00

latest version of getXDOC don't work in IE 4 because in IE 4
try catch are not supported, but IE4 also know the CC
so we need a check for this..
and how can we make try catch invisible to IE4?
using a 'simple' eval
IE4 still don't work well, but is the better I can do ^_^;;

Also notice that the correct object for a XHR is

Msxml2.XMLHTTP, not DOMDocument!

getXDOC modified version:


function getXDOC(){
if(typeof(window.XMLHttpRequest)!='undefined')
return new XMLHttpRequest();

/*@cc_on

if(!(@_jscript_version<4)){
return eval('(function(){try{return new ActiveXObject("Msxml2.XMLHTTP.6.0");}catch(e__x){return new ActiveXObject("Msxml2.XMLHTTP.3.0");}}())');
}
@*/
return new ActiveXObject('Msxml2.XMLHTTP.3.0');

}

Sorry Andrea, I use conditional compilation again -.-

Final method to obtain a dom Document ?

2006-11-02T13:12:00.000+01:00

after the reading of this post on IE Blog talking about using the right version of msxml I come of a possible solution to get the XMLHttpRequest:


function getXDOC(){
//W3C native Object
if (window.XMLHttpRequest)return new XMLHttpRequest();

//IE 4.0 fallback [try..catch]
var progIDs=[];
progIDs[0]='Msxml2.XMLHTTP.3.0';
var i = 0;
/*@cc_on
progIDs = [ 'Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.3.0']; //6.0 is better of 3.0
for (; i < progIDs.length; i++) {
 try{
@*/
  if (window.ActiveXObject){
   var xmlDOM = new ActiveXObject(progIDs[i]);
   xmlDOM.setProperty("SelectionLanguage", "XPath");//because 3.0 default is XSLPattern
                 return xmlDOM;
  }
/*@cc_on
 }
 catch (ex) {
 }
}
@*/     
return null;
}

Enjoy ;)

Ps. stay tuned for a corrected version..
Update:
http://mykenta.blogspot.com/2006/11/latest-version-of-getxdoc-dont-work-in.html

Observer Subscriber in Base

2006-10-10T13:03:00.000+02:00

I was playing with Dean Edwards Base and I would to implement
the Observer Subscriver pattern.
I wrote this Observer implementation:


//Clone method
Base.prototype.clone=function(){return new Base(this);}

//Define the Observer class
var Observer= Base.extend({
subscribe:function (obj,evt){
 //if(!this["on"+evt])this["on"+evt]=[];
 if(typeof(this["on"+evt]) === "undefined")this["on"+evt]=[];
 this["on"+evt].push(obj);
},
raise:function (evt){
var list=this["on"+evt];

 if(list){
 var max=list.length;
 for(var i=0;i<max;i++)
  //if(list[i].update)list[i].update();
  if(typeof(list[i].update)!=="undefined")list[i].update();
 }
}
});
//Define the subscriber class
var Subscriber = Base.extend({update:function(){alert("update() must be implemented");}});

and this little test


/*Simple example of implementation*/

//Istantantiate a Observer
var observer= new Observer();

//Define a Event
observer.evt=function(){
//do stuff
this.raise("evt");
}

//Istantiate a Subscriber
var subscriber1=new Subscriber();
//Clone a Subscriber
var subscriber2=subscriber1.clone();

//define a custom update function
subscriber2.update=function(){
alert("here update() was implemented");
}

//subscribe our 2 object
observer.subscribe(subscriber1,"evt");
observer.subscribe(subscriber2,"evt");

//Raise the event
observer.evt();

Base is Great, it was so simple!

Update!
As I said in the comment this wasn't a correct implementation.

A correct(I hope) is the follow implementation:


//Clone method
Base.prototype.clone=function(){return new Base(this);}

var Observer = Base.extend({
update:function(evt){
alert("update() must be defined");
}
});
var Subject = Base.extend({
observers:[],
constructor:function(){this.observers=new Array();},
registerObserver:function(obj){
this.observers.push(obj);
return obj;
},
unregisterObserver:function(obj){
if(this.observers.length>0)
 var tmp=this.observers.pop();
 if (tmp!==obj){
  var max=this.observers.length;
  for(var i=0;i<max;i++)
   if(this.observers[i]===obj){this.observers[i]=tmp;break;}
 }
 return this;
},
notifyObserver:function(evt){
var max=this.observers.length;
for(var i=0;i<max;i++)
 this.observers[i].update(evt);
}
});

And so the Test:


/*Example:*/
var subject = new Subject();
subject.x=0;
subject.add=function(){
this.x++;
this.notifyObserver();
}
var observer1 = new Observer();
var observer2 =observer1.clone();
observer1.update=function(){alert("now x is "+subject.x);}
observer2.update=function(){alert("something happened on subject")}

subject.registerObserver(observer1);
subject.registerObserver(observer2);
subject.add();
subject.unregisterObserver(observer2);
subject.add();

typeof and Typeof

2006-10-06T13:08:00.000+02:00

Dean Edwards point me out that typeof doesn’t always work so I come to a solution to this issue.


function isFunction(x){
return
 typeof(x)==="function" && 
  (typeof(x.toSource)==="undefined" || x.toSource().charAt(0)!="/")

}

basically it control if is a function (typeof(x)==="function")
and if is a gecko browser (typeof(x.toSource)==="undefined")
it control if is a RegExp(x.toSource().charAt(0)!="/").

So I wrote my simple Typeof function


function Typeof(what){
switch(what){
 case Object:return "Object";
 case Function:return "Function";
 case Array:return "Array";
 case String:return "String";
 case Boolean:return "Boolean";
 case Number:return "Number";
 case RegExp:return "RegExp";
 case Date:return "Date";
 case Error:return "Error";
 case Math:return "object";
 case null:return "null";
}
if(typeof(what)==="function" && (typeof(what.toSource)!=="undefined" && what.toSource().charAt(0)=="/"))return "object"; //regex for moz
return typeof(what);
}

Enjoy ;)

kentaromiura fastest device (duff's device optimized)

2006-08-25T14:34:00.000+02:00


function kentaromiuraFastestDevice(iterations) {

var testVal=iterations;
if(parseInt(iterations/8)){
 var n=iterations%8;
 do{  
  --testVal; //do stuff
  --testVal; //do stuff
  --testVal; //do stuff  
  --testVal; //do stuff  
  --testVal; //do stuff  
  --testVal; //do stuff  
  --testVal; //do stuff  
  --testVal; //do stuff
 }while(testVal!=n);
}
while(testVal--){
 //do stuff
}
}

standardise IE setAttribute (Part 2)

2006-07-20T12:29:00.000+02:00

I go back to this subject because I've done some improvements to
the custom comment script that should Standardise IE 5.x setAttribute,
I create no other Object that could collide, look:


document.createElement = function(cE,interface){
//this is for DOM node not dinamically created
onload=function(){
var list=document.all;
var max=list.length;

while(--max)
{
list[max].getAttribute=interface.getAttribute;
list[max].setAttribute=interface.setAttribute;

}
//HTML node
list[0].getAttribute=interface.getAttribute;
list[0].setAttribute=interface.setAttribute;
}


return function (tagName) {
var element = cE(tagName);
element.getAttribute=interface.getAttribute;
element.setAttribute=interface.setAttribute;

return element;
}
}(document.createElement,{

getAttribute:function (attribute) {

switch(attribute){
case "class": attribute = "className";break;
case "for": attribute = "htmlFor";break;
case "style": return this.style.cssText;break;
case "type":return(this.id)?((document.getElementById)?document.getElementById(this.id):document.all[this.id]).type:this.type;break;
case "accesskey":return this.accessKey;break;
case "maxlength":return this.maxLength;break;
}
return this[attribute];
}

,setAttribute:function (attribute, value) {

switch(attribute){
case "name":return document.createElement(this.outerHTML.replace(/name=[a-zA-Z]+/," ").replace(">"," name="+value+">"));
case "class": attribute = "className";break;
case "for": attribute = "htmlFor";break;
case "type":
var me=this.parentNode;

if(!/id=/.test(this.outerHTML))
this.id=this.uniqueID;
if(me){
this.outerHTML=this.outerHTML.replace(/type=[a-zA-Z]+/," ").replace(">"," type="+value+">");




var t=me.childNodes;
var max=t.length;
for(var i=0;i<max;i++)
if(t[i].id==this.id){
t[i].getAttribute=this.getAttribute;
t[i].setAttribute=this.setAttribute;   
}
}else this.type=value;

return;break;
case "accesskey":this.accessKey=value;return;break;
case "style": this.style.cssText =value;return;break;
case "maxlength":this.maxLength=value;return;break;
}

if(attribute.indexOf("on")==0){


this[attribute] = function(){eval(value)};

}
else
this[attribute] = value;
}
});

to use it just insert this line of code:



where IEDOM.js is the name of the script ..
Enjoy!

P.s. Look at http://www.devpro.it/JSL/ for a Great Library (
I would make a post for who don't want to Prototypize Object but won't use this great library!!
)

Update:
there are two known issues with this library:
first, if you use innerHTML instead of createElement you don't have the standard setAttribute,
so the solution is getting the node you are adding and extending the methods to each node it has

the second issue is the setAttribute("name") not updating dom. You was forced to return the correct node with setAttribute, so

var t=document.getElementById("x");
var n=t.setAttribute("name","usrname");
if(n)t=n;

now t is correct ;)

Another Pearl in the Javascript World

2006-07-11T11:22:00.000+02:00

He Done It!

After my IE setAttribute solution (get here the complete solution along with my framework)

Andrea Giammarchi wrote a solution for the replace method, now you can use replace with a function as parameter, and is Standard ECMA compatible!

Try it or Get It!

It works on IE 5.x+, FF, NN,Opera, Safari, Konqueror ,

currently I haven't the complete compatibility list because is in a test state.

Now Javascript world is more standard!!! ;)

Example:

ECMA define that the function get the follow parameters

a)the Match of Regex passed as 1st argument

b)the N submatch (also known as parenthetical matches) with 0<N<99

c)position of the match in the original string

d)the original string

so "a12b34".replace(/[0-9][0-9]/g,function(a,b,c){return (Number(a)+1);}) must return "a13b35" in all the browser ;)

addEvent

2006-05-11T12:59:00.000+02:00

//Cannot be detached

function addEvent(obj,type,fn){
/*@cc_on obj.attachEvent('on'+type,function(){fn.apply(obj)});if(0){ @*/
obj.addEventListener( type, fn, false );
/*@cc_on } @*/
}

getElementByClass

2006-05-05T12:56:00.000+02:00

this code is now obsolete, take a look at this one to a better one, thanks.

document.getElementsByClassName = function(searchClass,node,tag)
{ 

if(node == null)node=document;
var ce = new Array();
if(tag==null || tag=='*')tag='*';
var els = new Array();
if (tag=='*' &&amp; document.evaluate){
var xpr=document.evaluate("//*",document, null, 0, null);
var t=true;
 while (t=xpr.iterateNext()){
 if(els.push)
  els.push(t);
 else
  els[els.length]=t;
 };
}
else
els = node.getElementsByTagName(tag);
var elsLen = els.length;
var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
var i;var j;
for (i = 0, j = 0; i < elsLen; i++) {
 if ( pattern.test(els[i].className) )
  if (ce.push)
   ce.push(els[i]);
  else
   ce[j++] = els[i];
}

return ce;

}

standardizzare setAttribute on IE

2006-04-21T12:24:00.000+02:00

setAttribute lavora in maniera strana su IE,
fà quello che deve fare, ovvero cambiare dei valori di alcune proprietà,
ma essendo che vengono modificate le proprietà di un oggetto JScript,
alcune parole come class, for hanno un nome diverso..

dopo aver letto l'articolo su delete.me.uk
ho deciso di utilizzare il metodo ben spiegato per risolvere
i problemi su class,for e style e l'associazione di eventi on...

ho usato un commento condizionale, includendo il codice sotto riportato si ottiene un setAttribute piu' standard.


/*@cc_on
Element = function () {};

Element.prototype.getAttribute = function (attribute) {
  if (attribute == "class") attribute = "className";
  if (attribute == "for") attribute = "htmlFor";
  if (attribute == "style") return this.style.cssText;
  else  return this[attribute];
}

Element.prototype.setAttribute = function (attribute, value) {
  if (attribute == "class") attribute = "className";
  if (attribute == "for") attribute = "htmlFor";
  if (attribute == "style") this.style.cssText =value;
  else
  if(value.indexOf("on")!=0)
   this[attribute] = function(){eval(value)};
  else
  this[attribute] = value;
}
var __IEcreateElement = document.createElement;

document.createElement = function (tagName) {

  var element = __IEcreateElement(tagName);

  element.getAttribute=interface.getAttribute;
  element.setAttribute=interface.setAttribute;

  return element;
}
var interface = new Element;
onload=function(){
 var list=document.all;
 var max=list.length;
 
 while(--max)
 {
  list[max].getAttribute=interface.getAttribute;
  list[max].setAttribute=interface.setAttribute;
  
  }
}
@*/

naturalmente per aggiungere un evento nell'onload dovrete poi usare una funzione del genere:

function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof oldonload != 'function') {
window.onload = func;
}
else {
window.onload = function() {
oldonload();
func();
}
}
}

InnerDom

2006-04-14T13:00:00.000+02:00

WHY INNERDOM

Some months ago I found that innerHTML is not a standard way to manipulate HTML. Actually it is a proprietary implementation followed by many browser, althought it's very close to a de-facto standard and a lot faster that DOM actions.
So I learnt what could replace innerHTML as the combinations of createElement, insertBefore or the better replaceChild, setAttribute; so I wrote the code this way...

However I felt the need to write HTML directly into a node in a single step.
So I thought and I wrote a function ResToDom that appends an object in eval-notation
down to a node. Recently I felt it wasn't enough.
What I really needed was a function that used that EVAL-Notation object and replace a node (as innerHTML does). I rewrite the whole resToDom into innerDom (i used two different names as the functions are different).

Innerdom takes an object in EVAL notation and tries to convert it into HTML.
this object has 2 special properties:

TAG "the name of the tag to create"
INNER "what tag contains"

If innerDom finds an array it concatenates the nodes into a single node, so if used to write:

document.getElementById("node").innerHTML="aaa <b>some bold text<b/>";

now you can write it as:

innerDom("node",[{TAG:'a',name:'aa'},' ',{TAG:'b',INNER:'some bold text'}]);

Isn't that sw33t?

why EvaL-Notation?

because JSON it nowadays very frequently used joint with AJAx.

Here the Code

Kentaromiura CrazyCorner 0.1 alpha(Gatsu)

2006-04-03T12:33:00.000+02:00

I've recentelly find Krazy Corner (www.mswebpeople.com/krazy.html)
and i like some things but there was other things that i don't like,
example if i' ve already a site i don't want to rewrite it all from scratch adding a lot of
extra HTML tag, so i write myself a function that write that code for me ;)

i used span instead of b tag because that seems me better,
the source is HERE :
http://freeforumzone.leonardo.it/viewmessaggi.aspx?f=19716&idd=174

there isn't a live test page avaible yet nor a zip file,sorry but just
put test.html , crazycorner.css and crazycorner.js
in the same directory and enjoy ;)

I don't use innerHTML in this library ,so i should have high compatibility..
I test successful in
Netscape 7.2,
Ie 6.0sp2,
FF1.5, (it should work on 1.0 too because NN have the same gecko)
opera 8.51

..
I'm waiting for a lot of comments!

EDIT:
as Alessandro Fulciniti told me the original idea of Krazy Corners is of Stu Nicholls.(http://www.cssplay.co.uk/boxes/krazy.html)
as soon as possible i release a live-test page

10 funzioni base Javascript ^_^;;

2005-12-02T12:23:00.000+01:00

sono rimasto attratto da Questo post a tal punto che ho deciso di segnalarlo,
ma non ero pienamente soddisfatto del codice segnalato, cosi' ho deciso di ottimizzarlo un attimino ;)

/* Reference Article:
Dustin Diaz:
http://www.dustindiaz.com/top-ten-javascript/



Optimizations made by kentaromiura, you could implement duff faster device for more optimization if you would.
http://mykenta.blogspot.com
*/


/* addEvent: simplified event attachment */
function addEvent( obj, type, fn ) {
if (obj.addEventListener) {
obj.addEventListener( type, fn, false );
EventCache.add(obj, type, fn);
}
else if (obj.attachEvent) {
obj["e"+type+fn] = fn;
obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
obj.attachEvent( "on"+type, obj[type+fn] );
EventCache.add(obj, type, fn);
}
else {
obj["on"+type] = obj["e"+type+fn];
}
}

var EventCache = function(){
var listEvents = [];
return {
listEvents : listEvents,
add : function(node, sEventName, fHandler){
listEvents.push(arguments);
},
flush : function(){
var item;
var i= listEvents.length - 1;
//for(i = listEvents.length - 1; i >= 0; i = i - 1)
if(i!=-1)
do{
item = listEvents[i];
if(item[0].removeEventListener){
item[0].removeEventListener(item[1], item[2], item[3]);
};
if(item[1].substring(0, 2) != "on"){
item[1] = "on" + item[1];
};
if(item[0].detachEvent){
item[0].detachEvent(item[1], item[2]);
};
item[0][item[1]] = null;
}while(--i>-1);
}
};
}();
addEvent(window,'unload',EventCache.flush);

////////////// window 'load' attachment

/*
function addLoadEvent(func) {
var oldonload = window.onload;

if (typeof window.onload != 'function') {
window.onload = func;
}
else {
window.onload = function() {
oldonload();
func();
}
}
}
*/
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof oldonload != 'function') {
window.onload = func;
}
else {
window.onload = function() {
oldonload();
func();
}
}
}

/* grab Elements from the DOM by className */
function getElementsByClass(searchClass,node,tag) {
var classElements = new Array();
if ( node == null )
node = document;
if ( tag == null )
tag = '*';
var els = node.getElementsByTagName(tag);
var elsLen = els.length;
var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");

//AAARGH ORROR i && j are defined global!!
//THIS SLOW DOWN the code and would cause weird behaviour !!(think in a Multithreading program!!)

/*for (i = 0, j = 0; i < i =" 0;" j =" 0;" return="" classelements="" toggle="" an="" element="" s="" display="" function="" obj="" var="" el="" would="" use="" switch="" for="" more="" optimization="" but="" i="" think="" is="" ininfluent="" due="" to="" the="" shorten="" dom="" trick="" already="" used="">
if ( el.display != 'none' ) {
//alert('ok');
el.display = 'none';
}
else {
el.display = '';
}
}
}

/* insert an element after a particular node */
/*function insertAfter(parent, node, referenceNode) {
parent.insertBefore(node, referenceNode.nextSibling);
}*/
function insertAfter(parent, node, referenceNode){

if(referenceNode.nextSibling)
{
parent.insertBefore(node, referenceNode.nextSibling);
}
else
{
parent.appendChild(node);
}
}
/*
I prefer the following form ;) however this function throw an error when node.parentNode don't exist (eg.when you don't pass a DOM-Node ;)

function insertAfter2(node, referenceNode){

if(referenceNode.nextSibling)
{
referenceNode.parentNode.insertBefore(node, referenceNode.nextSibling);
}
else
{
referenceNode.parentNode.appendChild(node);
}
}
*/
/* Array prototype, matches value in array: returns bool */
Array.prototype.inArray = function (value) {

var i=this.length-1;
if(i>-1)
do
{
//alert('i'+i+')'+this[i])
if (this[i] === value) {
return true;
}
}
while(--i>-1);

return false;
};

/* get, set, and delete cookies */
function getCookie( name ) {
var cook=document.cookie
var start = cook.indexOf( name + "=" );
var len = start + name.length + 1;
if ( ( !start ) && ( name != cook.substring( 0, name.length ) ) ) {
return null;
}
if ( start == -1 ) return null;
var end = cook.indexOf( ";", len );
if ( end == -1 ) end = cook.length;
return unescape( cook.substring( len, end ) );
}

function setCookie( name, value, expires, path, domain, secure ) {
var today = new Date();
today.setTime( today.getTime() );
if ( expires ) {
//expires = expires * 1000 * 60 * 60 * 24;
expires*=86400000;
}
var expires_date = new Date( today.getTime() + (expires) );
document.cookie = name+"="+escape( value ) +
( ( expires ) ? ";expires="+expires_date.toGMTString() : "" ) + //expires.toGMTString()
( ( path ) ? ";path=" + path : "" ) +
( ( domain ) ? ";domain=" + domain : "" ) +
( ( secure ) ? ";secure" : "" );
}

function deleteCookie( name, path, domain ) {
if ( getCookie( name ) ) document.cookie = name + "=" +
( ( path ) ? ";path=" + path : "") +
( ( domain ) ? ";domain=" + domain : "" ) +
";expires=Thu, 01-Jan-1970 00:00:01 GMT";
}

/* quick getElement reference
look for the comment for the code ^_^; */

modifiche alla classe che gestisce la trasformazione XSL

2005-11-30T12:49:00.000+01:00

mi sono accorto della possibilita di effettuare delle modifiche
alla classe che avevo proposto QUI
cambiando un paio di funzioni:

:

public string newFromXslUri(string xml,string xsluri)
{
System.Xml.Xsl.XslTransform xt = new XslTransform();
xt.Load(xsluri);
XPathDocument xd = new XPathDocument(new System.IO.StringReader(xml));
System.Text.StringBuilder sb = new System.Text.StringBuilder();
xt.Transform(xd.CreateNavigator(),new System.Xml.Xsl.XsltArgumentList(),new System.IO.StringWriter(sb));
return sb.ToString();
}

public string newFromstr(string xml,string xsl)
{
System.Xml.Xsl.XslTransform xt = new XslTransform();
XPathDocument xs = new XPathDocument(new System.IO.StringReader(xsl));
xt.Load(xs.CreateNavigator());
XPathDocument xd = new XPathDocument(new System.IO.StringReader(xml));
System.Text.StringBuilder sb = new System.Text.StringBuilder();
xt.Transform(xd.CreateNavigator(),new System.Xml.Xsl.XsltArgumentList(),new System.IO.StringWriter(sb));
return sb.ToString();
}

SteamBoy di Otomo

2005-10-31T13:24:00.000+01:00

ieri sera ho visto SteamBoy, e devo dire che sono rimasto
molto deluso, il prodotto non e' male di per se
ma secondo il mio modestissimo parere e' stato sopravvalutato.
la storia non sviluppa necessariamente le sottotrame
e a volte risulta confusionaria, senza parlare di alcuni spunti
(come la scena degli specchi) che poi non sono piu' stati ripresi
sucessivamente,
il montaggio poi sembra un opera di un chirurgo pazzo,
si perde il senso globale dell' opera e si rimane piu'
che spiazzati,
nulla da dire sui disegni che risultano molto curati

in finale sento di dare solamente un 6 a questo film poiche'
per come ne parlava la critica doveva essere qualcosa di eccezionale.

Playstation 3, XBox 360, Revolution Prospettive per il futuro

2005-10-18T13:09:00.000+02:00

Dopo aver provato la Psp posso ipotizzare cosa succederà
in questi anni a venire;
fino ad adesso infatti Nintendo ha stradominato il mercato
delle console Portatili con il suo Game Boy,
mentre Sony con la sua PlayStation domina incontrastata nel settore
Home. dopo aver letto questo articolo su PI
mi sono fermato un momento a pensare..

il fatto che la Psp sia stata craccata
rende questa console aperta (un po come il Gp32 ^_^;;) basta guardare in questo menu sulla sinistra
per rendersi conto di quante applicazioni siano già state sviluppate
(e sono attualmente in fase di sviluppo)
cio', secondo me, porterà la Psp ad essere la console piu' venduta
e porterà Sony al dominio del settore Portatile..

girando la medaglia Sony potrebbe perdere moltissimo campo nel settore Home,
perdendo punti sul rivale Xbox 360 ..
..
..

aspettando Revolution

infatti la grande N potrebbe(ed ha tutte le carte in regola,soprattutto l'esperienza) per diventare il colosso in questo campo, voci infatti sostengono che N5 sarà una "piattaforma libera" .. staremo a vedere

PSP L' inizio della mia fine!

2005-10-11T13:23:00.000+02:00

Ho comperato ieri la PSP
ho speso 249 euro con il film in UMD Van Helsing incluso,
ho avuto modo di provarla per un po e ho potuto stilare un po di punti
PRO / CONTRO quest'aggeggino infernale.

>PROs

ha una definizione splendida, si rimane stupiti veramente dalle immagini
ha un bel OS
supporta Mp3 e Mp4

il video dei kasabian dei topi
la versione 2.0 del firmware ha un browser
CONTRO:
prezzo troppo alto
nessun gioco allegato(nemmeno demo)
non c'e' una funzione ScreenShot per salvare foto dello schermo
i video debbono essere importati tramite un programmino che li rinomina..

..i 3 dead pixel :sob:

nuovo AJAX Sgrassa Suocero

2005-09-20T13:24:00.000+02:00

grazie alla libreria di Antr3a LoadVars
ho implementato una piccola pagina in AJAX:
ecco la pagina 1.aspx(o la parte essenziale da mettere nell'head dopo aver incluso il LoadVars)

e bisogna aggiungere nella pagina le seguenti input :

la page.aspx sarà una pagina completamente vuota, nel suo codeBehind scriviamo:

private void Page_Load(object sender, System.EventArgs e)
{ string tc="";

if(Request.Params["base"]!=null)
tc= Request.Params["base"].ToString();

Response.Clear();
Response.ContentType="text";

//Response.Write("res="+tc+" HEHEHEHE");
string op="<div style=\"border:1px solid silver\">paramentro passato= "+tc+" </div>";
Response.Write("res="+Server.UrlEncode(op)+"QS="+Request.QueryString.ToString());

}

[c#]classe per trasformazioni xml/xsl

2005-07-01T13:07:00.000+02:00

ecco una classe che restituisce un documento xml formattato secondo un foglio di stile XML

/// <summary>
/// La classe TrasformXML fornisce 4 metodi che permettono di effettuare una trasformazione XSLT
/// i metodi ritornano una stringa XML valida oppure una stringa di errore
/// i 4 metodi servono per effettuare trasformazioni da stringhe xml oppure da file
/// ritorna molto utile nel caso l'XML venga generato runtime (per esempio pescando i dati da un DB)
/// oppure quando si hanno i fogli di stile salvati in un DB , cosi' non occorre salvare un file temporaneo
/// </summary>
sealed public class TrasformXML
{
//La classe non ha costruttore poiche' non serve Istanziarla per usarla
//in maniera simile ai metodi della classe Math
public string fromXmlUri(string xmluri,string xsl)
{

try
{

XslTransform xt = new XslTransform();

System.Xml.XmlDocument doc = new System.Xml.XmlDocument();
doc.LoadXml(xsl);

xt.Load(doc.CreateNavigator());

XPathDocument xp = new XPathDocument(xmluri);

StringBuilder message =new StringBuilder();
xt.Transform(xp,null,new StringWriter(message),null);

return message.ToString();
}
catch(Exception er)
{
return er.ToString();
}

}

public string fromXslUri(string xml,string xsluri)
{
System.Xml.Xsl.XslTransform xt = new XslTransform();

ASCIIEncoding asc = new ASCIIEncoding();
byte[] firstString = asc.GetBytes(xml);

MemoryStream st = new MemoryStream(firstString.Length);
st.Write(firstString,0,firstString.Length);
st.Seek(0, SeekOrigin.Begin);

System.Xml.XPath.XPathDocument xp = new XPathDocument(st);
try
{

xt.Load(xsluri);
StringBuilder message =new StringBuilder();
xt.Transform(xp,null,new StringWriter(message),null);

return message.ToString();

}
catch(Exception er)
{
return er.ToString();

}
finally
{
//Libero le risorse
xp=null;
st=null;
firstString=null;
asc=null;
xt=null;
}

}
public string fromUrl(string xmluri,string xsluri)
{
try
{
XslTransform xt = new XslTransform();
xt.Load(xsluri);
XPathDocument xp = new XPathDocument(xmluri);
StringBuilder message =new StringBuilder();
xt.Transform(xp,null,new StringWriter(message),null);
return message.ToString();
}
catch(Exception er)
{
return er.ToString();

}

}

public string fromStr(string xml, string xsl)
{

System.Xml.Xsl.XslTransform xt = new XslTransform();
ASCIIEncoding asc = new ASCIIEncoding();
byte[] firstString = asc.GetBytes(xml);
MemoryStream st = new MemoryStream(firstString.Length);
st.Write(firstString,0,firstString.Length);
st.Seek(0, SeekOrigin.Begin);
System.Xml.XPath.XPathDocument xp = new XPathDocument(st);

try
{
System.Xml.XmlDocument doc = new System.Xml.XmlDocument();

doc.LoadXml(xsl);
xt.Load(doc.CreateNavigator());
StringBuilder message =new StringBuilder();
xt.Transform(xp,null,new StringWriter(message),null);
return message.ToString();
}
catch(Exception er)
{
return er.ToString();

}
finally
{
//Libero le risorse
st=null;
xp=null;
firstString=null;
asc=null;
xt=null;

}

}
}

[.Net]Finestre a Scomparsa

2005-06-28T08:15:00.000+02:00

Ispirato da una giuovine fanziulla ho provato a scrivere una splash-screen
con VS2005b2 , ho visto che non c'era differenza con la versione 1.1 e che
funziona senza problemi.

Bisogna utilizzare la proprietà Opacity del Form una proprietà che va da 0.0(trasparente)a 1.0 (visibile)

settiamo a 0% la proprietà nel form

mettiamo 2 timer ,attivando il primo,e in quest' ultimo scriviamo:

[c#]

if(this.Opacity<1.0)
this.Opacity+=0.1;
else{
timer1.Enable=false;
timer2.Enable=true;
}

[vb]

if Me.Opacity<1
then
Me.Opacity+=0,1
else
timer1.Enable=false
timer2.Enable=true
end if

nel secondo scriviamo
[c#]

if(this.Opacity>0.0)
this.Opacity-=0.1;
else{
this.Close();
}

[vb]

if Me.Opacity>0,0
then
Me.Opacity-=0,1
else
Me.Close()
end if

avviamo e vedremo il nostro Form apparire Magicamente e sparire nella stessa Maniera
:ciauz:

26 giugno 2005 concerto dei Gem Boy

2005-06-27T13:20:00.000+02:00

il mio primo loro concerto dal Vivo!!
era da quando avevo 16 anni che ne volevo vedere uno e non ho mai potuto per
vari motivi!!
sono eccezionali, sia dal punto di vista tecnico, sia
dal punto di vista artistico/intrattenitoriale [la crusca attinge da me per i nuovi lemmi]

da attore quale sono posso solamente che apprezzare la semplicità
con cui si esibiscono sul palco, e
a come riescono a dirigere uno spettacolo nonostante
interventi puramente aleatori che accadono durante lo spettacolo,
un orgia di divertimento allo stato puro,
mi sono divertito come non mai e consiglio a chiunque la visione
immediata di un loro Live (io ero sotto le transenne e li ho visti da vicinissimo)
MITICI!

2005-06-24T13:38:00.000+02:00

CREARE UN DATASET CON INDICE AUTOINCREMENTANTE in C#
ed ecco il primo post Tecnico!!
una semplice funzione che aggiunge una colonna con un indice ad un dataset che ne e' privo ^_^;;

//Devo Passare un Dataset dove aggiungero' la colonna e il nome della Tabella del ds
//dove aggiungere la riga

private DataSet returnIndexDS(DataSet ds1,string nomeTabella){

// creo il dataset
DataSet ds = new DataSet();

// aggiungo la colonna
DataColumn countColumn = new DataColumn("N.",System.Type.GetType("System.Int32"));

//Creo la colonna Indice Autoincrementante
countColumn.AutoIncrement = true;
countColumn.AutoIncrementSeed = 1;
countColumn.AutoIncrementStep = 1;
countColumn.ReadOnly = true;

//aggiungo tabella e riga
ds.Tables.Add(nomeTabella);
ds.Tables[nomeTabella].Columns.Add(countColumn);

//faccio il merge con i dati originali
ds.Merge(ds1,false,MissingSchemaAction.Add);

//ritorno il nuovo dataset
return ds;

}

2005-06-24T13:04:00.000+02:00

Kentaromiura e' arrivato!!
il primo Blog Ufficiale di Kentaromiura e' quiiii..

no, non e' un blog che parla del famoso Mangaka ma di un pseudoProgrammatore Italiano
che ha l'abitudine di postare in siti come html.it ^_^;;

e questa e' solo l'introduzione a questo contenitore di pensieri analogici/digitali
magari posterò roba tecnica, altre volte puttanate, altre volte parlero del teatro
o magari non parlero' proprio..[ho sentito gente fare un aola a codeste mie parole]

a prossimamente..

go go blog!

2005-06-24T08:30:00.000+02:00

Ecco alcune pillole che ho pubblicato in giro per il uèb ...
[per ora sono solo su HTML.it]

Programmazione Multithreading - Concetto di semafori (flag)
C/C++ - Formattazione del testo in ambienti UNIX
C/C++ - Lavorare con i file (I/O alto e basso livello)
C - Header e funzioni della Libreria Standard ANSI
D - Panoramica sul Linguaggio
Template in PHP
Prado ovvero Php.Net
Worst Practices - Abitudini da Evitare