Segui skydiamond.org anche su Twitter
 
: [1] 2
jQuery
jQuery
« : November 01, 2007, 01:08:29 pm »

Ieri ho scoperto, per merito di Aldo, questa guida di riferimento a jquery: http://visualjquery.com/1.1.2.html. Penso che possa essere utile a tutti.  ::)

Se volete sapere come abbiamo implementato le funzioni del blocchetto login e dell'immagine del portfolio andate a vedere qui: http://jquery.com/demo/thickbox/.
Per iniziare a lavorare con jquery un buon punto di partenza è questo: http://docs.jquery.com/How_jQuery_Works.

Le User Interfaces di jquery sono inoltre utilissime.  ;)

« : June 13, 2008, 12:33:20 pm skydiamond »
Re: Jquery
« #1 : June 01, 2008, 12:23:45 am »

Risorse su Jquery:

Il Lazy Load e il Ghost Load con JS e JQuery per l'applicazione del Design Pattern Proxy -> http://www.dynamick.it/lazy-load-1059.html

Quote
n informatica, il pattern "Lazy Load" corrisponde all’implementazione del design pattern chiamato Proxy. L’obiettivo è di evitare il caricamento di un oggetto finchè non sia assolutamente indispensabile e solo allora sarà necessario investire risorse per caricarlo. Nel caso del JavaScript, una applicazione web generamente ha bisogno di un set di funzioni che vengono chiamate progressivamente durante l’interazione con l’utente. Applicare il Lazy Load in questo caso significa creare delle funzioni "vuote", senza il loro codice che verrà caricato al momento della loro prima chiamata. Definiamo questa tecnica come Ghost Pattern.

Come fare tutto ciò con JQuery? Ma è semplicissimo; basta utilizzare il plugin "Plugin"  :jab:

Per registrare un plugin con Plugin:
Code: (javascript) [Select]
var plugin = $.plugin.register( url_of_the_file, names_to_register, settings );

var plugin = new $.plugin( url_of_the_file, names_to_register, settings );
« : June 01, 2008, 12:34:07 am skydiamond »
Re: Jquery
« #2 : June 01, 2008, 01:45:48 am »

Sto cercando di fare ordine e chiarezza su JQuery in maniera da avere le caratteristiche principali sotto mano sempre e comunque. Soprattutto, spero, anche le cose più interessanti e non proprio immediate di questo Framework.
Qualsiasi aiuto è ben accetto.  ;D

http://skydiamond.org/wiki/index.php/JQuery
  • Aldo
  • user
  • *
  • Offline Offline
  • : 80
  •  
Re: Jquery
« #3 : June 01, 2008, 01:54:18 pm »

Risorse su Jquery:

Il Lazy Load e il Ghost Load con JS e JQuery per l'applicazione del Design Pattern Proxy -> http://www.dynamick.it/lazy-load-1059.html

Quote
n informatica, il pattern "Lazy Load" corrisponde all’implementazione del design pattern chiamato Proxy. L’obiettivo è di evitare il caricamento di un oggetto finchè non sia assolutamente indispensabile e solo allora sarà necessario investire risorse per caricarlo. Nel caso del JavaScript, una applicazione web generamente ha bisogno di un set di funzioni che vengono chiamate progressivamente durante l’interazione con l’utente. Applicare il Lazy Load in questo caso significa creare delle funzioni "vuote", senza il loro codice che verrà caricato al momento della loro prima chiamata. Definiamo questa tecnica come Ghost Pattern.

Come fare tutto ciò con JQuery? Ma è semplicissimo; basta utilizzare il plugin "Plugin"  :jab:

Per registrare un plugin con Plugin:
Code: (javascript) [Select]
var plugin = $.plugin.register( url_of_the_file, names_to_register, settings );

var plugin = new $.plugin( url_of_the_file, names_to_register, settings );

Interessante... questo allevierebbe i problemi di lentezza nel primo accesso all'applicativo a cui stavamo lavorando.

Astrac - www.astrac.org
Re: Jquery
« #4 : June 01, 2008, 02:06:07 pm »

E non hai ancora visto jQuerify!  :pirata:
Re: Jquery
« #5 : June 02, 2008, 12:28:33 am »

Per accedere allo spazio dei nomi di un plugin come devo fare? Dovrei invocare una funzione che sta all'interno di un plugin in quanto il load, essendo asincrono, non fa scattare la funzione che tanto mi sta a cuore. Anche sfruttando il callback e la concatenazione non sono riuscito a cavare un ragno dal buco.  :ehm:
  • Aldo
  • user
  • *
  • Offline Offline
  • : 80
  •  
Re: Jquery
« #6 : June 02, 2008, 11:06:20 am »

Per accedere allo spazio dei nomi di un plugin come devo fare? Dovrei invocare una funzione che sta all'interno di un plugin in quanto il load, essendo asincrono, non fa scattare la funzione che tanto mi sta a cuore. Anche sfruttando il callback e la concatenazione non sono riuscito a cavare un ragno dal buco.  :ehm:

Mmm... non ho capito esattamente il problema, però mi è venuto in mente leggendo (per libera associazione, quindi non so fino a che punto centri) il costrutto-funzione-oquelllochecavoloè $.fn che credo dovrebbe servire per interoperare con i namespace dei plugins.

Astrac - www.astrac.org
Re: Jquery
« #7 : June 02, 2008, 11:15:28 am »

Per accedere allo spazio dei nomi di un plugin come devo fare? Dovrei invocare una funzione che sta all'interno di un plugin in quanto il load, essendo asincrono, non fa scattare la funzione che tanto mi sta a cuore. Anche sfruttando il callback e la concatenazione non sono riuscito a cavare un ragno dal buco.  :ehm:

Mmm... non ho capito esattamente il problema, però mi è venuto in mente leggendo (per libera associazione, quindi non so fino a che punto centri) il costrutto-funzione-oquelllochecavoloè $.fn che credo dovrebbe servire per interoperare con i namespace dei plugins.
Si ho letto qualcosa ma non ho capito bene come funziona. Per accedere alla funzione dovrei andare a scrivere $.plugin.funzione()?
  • Aldo
  • user
  • *
  • Offline Offline
  • : 80
  •  
Re: Jquery
« #8 : June 02, 2008, 11:22:52 am »

Per accedere allo spazio dei nomi di un plugin come devo fare? Dovrei invocare una funzione che sta all'interno di un plugin in quanto il load, essendo asincrono, non fa scattare la funzione che tanto mi sta a cuore. Anche sfruttando il callback e la concatenazione non sono riuscito a cavare un ragno dal buco.  :ehm:

Mmm... non ho capito esattamente il problema, però mi è venuto in mente leggendo (per libera associazione, quindi non so fino a che punto centri) il costrutto-funzione-oquelllochecavoloè $.fn che credo dovrebbe servire per interoperare con i namespace dei plugins.
Si ho letto qualcosa ma non ho capito bene come funziona. Per accedere alla funzione dovrei andare a scrivere $.plugin.funzione()?

Non so, io credo che serva per estendere i plugins ma non ho capito esattamente come... sai spiegarmi esattamente cosa devi ottenere?
« : June 02, 2008, 11:24:31 am Aldo »

Astrac - www.astrac.org
Re: Jquery
« #9 : June 02, 2008, 11:26:08 am »

Devo fare una ricerca approfondita. Invece vorrei comprendere meglio la gestione delle variabili. A quanto ho visto il var non è necessario. Tu hai informazioni in merito? Sto cercando di spulciare per bene la guida.  :studioso: :ranger:

[EDIT]

Vi segnalo il sistema solare visto da jQuery.  :ohmy:
« : June 02, 2008, 11:34:19 am skydiamond »
  • Aldo
  • user
  • *
  • Offline Offline
  • : 80
  •  
Re: Jquery
« #10 : June 02, 2008, 11:46:46 am »

Devo fare una ricerca approfondita. Invece vorrei comprendere meglio la gestione delle variabili. A quanto ho visto il var non è necessario. Tu hai informazioni in merito? Sto cercando di spulciare per bene la guida.  :studioso: :ranger:

[EDIT]

Vi segnalo il sistema solare visto da jQuery.  :ohmy:

Il sistema solare l'avevo già visto  :P

Quanto al var io credo che invece se non necessario sia quantomeno raccomandato, dato che va necessariamente utilizzato anche per definire le funzioni, che secondo la corrente filosofia della programmazione funzionale javascript si dichiarano come:

var nomeFunzione = function(parametri) { istruzioni };

annullando praticamente ogni distinzione tra "hook" di funzione e variabile (e permettendo amenità come funzioni che costruiscono ad-hoc altre funzioni).

Quanto al tuo problema di load e plugins, potresti farmi una descrizione un po' più dettagliata?

Astrac - www.astrac.org
Re: Jquery
« #11 : June 02, 2008, 12:00:28 pm »

Quanto al tuo problema di load e plugins, potresti farmi una descrizione un po' più dettagliata?
Trovi il plugin qui. A me interessa invocare la funzione setCurr, che credo mi dovrebbe risolvere il problema.

Quote
Il sistema solare l'avevo già visto
E il tetris?

Quote
var nomeFunzione = function(parametri) { istruzioni };
Ma in jQuery basta un function nomefunzione() {} per richiamarla poi semplicemente come nomefunzione.  :hum: Tu dici per mantenere la compatibilità con il resto della programmazione JS? Comunque ho scoperto che si possono tenere distinte le cose scritte in jQ: http://skydiamond.org/wiki/index.php/JQuery#Evitare_i_conflitti
« : June 02, 2008, 12:03:53 pm skydiamond »
  • Aldo
  • user
  • *
  • Offline Offline
  • : 80
  •  
Re: Jquery
« #12 : June 02, 2008, 03:51:33 pm »


Quote
var nomeFunzione = function(parametri) { istruzioni };
Ma in jQuery basta un function nomefunzione() {} per richiamarla poi semplicemente come nomefunzione.  :hum: Tu dici per mantenere la compatibilità con il resto della programmazione JS? Comunque ho scoperto che si possono tenere distinte le cose scritte in jQ: http://skydiamond.org/wiki/index.php/JQuery#Evitare_i_conflitti


In realtà credo che il modo "function nomefunzione() {}" sia vecchio stile, mentre quello che riporto io è quello che si utilizza prevalentemente adesso, soprattutto perchè si integra direttamente con JSON per la creazione di oggetti.

Astrac - www.astrac.org
Re: Jquery
« #13 : June 13, 2008, 12:33:11 pm »

Resize delle immagini con jQuery (un plugin zoom):
Code: (javascript) [Select]
/*
@author: Remy Sharp / http://remysharp.com
@date: 2007-04-21
@usage:
$('img').zoom('200%', '200%');
$('img').zoom('300px', '200px');
$('img').zoom(300);
*/
jQuery.fn.zoom = function(height, width) {
  if (!width && height) {
    width = height;
  } else if (!width && !height) {
    width = height = '100%';
  }
 
  function toem(px) {
    px = parseFloat(px);
    return (px * 0.0626).toString() + 'em';
  }
 
  function getLen(elm, side, target) {
    var l = 1;
    if (target.indexOf('%') === -1) {
      l = toem(target);
    } else {
      l = toem(elm[side] * (parseFloat(target)/100));
    }
   
    return l;
  }
 
  return this.each(function() {
    var hem = getLen(this, 'height', height);
    var wem = getLen(this, 'width', width);
   
    jQuery(this).css({ height: hem, width: wem });
  });
};

C'è anche jQuery ImagetoFit per ridimensionare le immagini al container: http://www.ollicle.com/eg/jquery/imagefit/
« : June 13, 2008, 12:35:16 pm skydiamond »
Re: jQuery
« #14 : November 10, 2008, 10:01:55 am »

Se ce la fa un ragazzino di 12 anni...  ;)

http://it.youtube.com/watch?v=8mwKq7_JlS8
: [1] 2
: