jQuery
There are 7 entries for the tag
jQuery
Molto spesso capita di dover integrare, anche solo per semplici miglioramenti grafici, dei plugin jQuery all’interno delle nostre pagine ASP.NET. Gran parte delle volte l’impatto è indolore mentre in alcuni casi specifici occorre far riferimento ad accorgimenti non banali, soprattutto quando c’è di mezzo ASP.NET Ajax. Il classico esempio si verifica quando ci si aspetta che la funzione $(document).ready() venga chiamata correttamente anche dopo un asynchronous postback tramite UpdatePanel. Infatti, la funzione $(document).ready() permette di determinare il momento in cui il DOM della pagina è caricato dal browser. Tuttavia, in caso di asynchronous postback il DOM può essere...
Una delle tecniche che permettono di aumentare le performance di un' applicazione web si basa sul caricamento "on-demand" di javascript via Ajax. In questo modo si possono ridurre le latenze di precaricamento di troppe librerie javascript alla prima GET di una pagina. Infatti, in alcuni scenari specifici risulta più consigliabile scaricare "pezzi" di script solo quando se ne ha bisogno. Fino a non molto tempo fa ho avuto modo di testare alcune librerie free come Include e AJILE che permettono di raggiungere questo obiettivo senza troppi problemi. Ma da quando sono passato a jQuery le cose sono cambiate :D.
Vorrei semplicemente mostrare un...
Per gli amanti di jQuery ( che proprio ieri ha compiuto il terzo anno di vita :D ) segnalo questo interessante post che mette in evidenza non solo le principali feature della nuova release 1.3, ma soprattutto il lavoro che è stato dedicato al miglioramento delle performance per i browser più utilizzati. Degna di nota è l’introduzione del nuovo API browser disponibile per Safari, Firefox 3 e IE7, scaricabile ed utilizzabile offline come una applicazione Adobe AIR. Technorati Tag: jQuery
In applicazioni Web di una certa complessità, spesso le classiche tecniche di caricamento dinamico di UserControl tramite PostBack o UpdatePanel rischiano di rendere lo sviluppo delle pagine molto complesso nonché, cosa più pericolosa, non performante. Di certo uno scenario maggiormente flessibile dovrebbe anzitutto ridurre al minimo il traffico da/verso il server (vedi "UpdatePanel e i suoi abusi") ma soprattutto permettere di richiedere il caricamento di contenuti on-demand sfruttando la potenza di AJAX. In questo esempio voglio mostrare quanto sia semplice implementare un' infrastruttura di base che permetta il caricamento dinamico di UserControl tramite jQuery AJAX (client-side)...
jQuery è una tecnologia puramente client-side, costituita da almeno una libreria javascript "core" il cui plug-in model è basato semplicimente su altre liberie Javascript. Banale ma non scontato, parliamo di una tecnologia che non possiede alcuna dipendenza con ASP.NET. Di conseguenza, lo sviluppo di controlli ASP.NET "jQuery-enabled" può non essere così semplice da valutare, soprattutto se by-design si pone l'attenzione solo sulle funzionalità client-side che il controllo deve soddisfare. In effetti, le best-practice ci dicono che non è poi così corretto sviluppare un controllo ASP.NET per soddisfare esclusivamente degli specifici comportamenti grafici che siano semplicemente legati al miglioramento della user...
Promemoria: per far funzionare correttamente le "animazioni colorate" utilizzando versioni di jQuery successive alla 1.2 tramite la function animate, ad esempio:
$('#MyBox').animate( {backgroundColor: "#c6c6c6"} , 750 );
è consigliabile utilizzare il plugin Color Animation.
Dietro le quinte il plugin effettua un override del comportamento di animazione per tutte le possibili proprietà che supportano la colorazione.
Ecco un interessante estratto del codice del plugin (in rosso le proprietà CamelCase che possiamo eventualmente utilizzare) :
(function(jQuery)
{
// We override the animation for all of these color styles
jQuery.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor',
'borderRightColor','borderTopColor', 'color', 'outlineColor'],
function(i,attr)
{
jQuery.fx.step[attr] = function(fx)
{
if (fx.state == 0)
{
fx.start = getColor( fx.elem, attr );
fx.end = getRGB( fx.end );
}
fx.elem.style[attr] = "rgb(" + [
Math.max(Math.min( parseInt((fx.pos *...
In questo post viene mostrato un utilizzo del jQuery BlockUI plugin per visualizzare un Modal Progress personalizzato durante il partial postback di un UpdatePanel. Il risultato che si può ottenere con questo approccio è ad esempio il seguente:
Molto interessante :)
Technorati Tag: AJAX,jQuery