Fondamentali di jQuery

var foo = 'ciao';
var bar = 'mondo';
console.log(foo + ' ' + bar); // 'ciao mondo'

2 * 3;
2 / 3;

var i = 1;
var j = ++i;  // incremento anticipato: j è uguale a 2; i è uguale a 2
var k = i++;  // incremento posticipato: k è uguale a 2; i è uguale a 3

var foo = 1;
var bar = '2';
console.log(foo + bar);  // errore: la console di debug mostra 12

var foo = 1;
var bar = '2';
// il costruttore 'Number' obbliga alla
// stringa di comportarsi come un numero
console.log(foo + Number(bar)); // la console di debug mostra 3

console.log(foo + +bar);

var foo = 1;
var bar = 0;
var baz = 2;
foo || bar;   // ritorna 1, il quale è vero (true)
bar || foo;   // ritorna 1, il quale è vero (true)
foo && bar;   // ritorna 0, il quale è falso (false)
foo && baz;   // ritorna 2, il quale è vero (true)
baz && foo;   // ritorna 1, il quale è vero (true)

var foo = 1;
var bar = 0;
var baz = '1';
var bim = 2;
foo == bar;   // ritorna false
foo != bar;   // ritorna true
foo == baz;   // ritorna true; fare attenzione!
foo === baz;             // ritorna false
foo !== baz;             // ritorna true
foo === parseInt(baz);   // ritorna true
foo > bim;    // ritorna false
bim > baz;    // ritorna true
foo <= baz;   // ritorna true

'0';
'qualunque stringa';
[];  // un array vuoto
{};  // un oggetto vuoto
1;   // qualsiasi numero diverso da zero

0;
'';  // una stringa vuota
NaN; // la variabile JavaScript "not-a-number" (non è un numero)
null; // un valore nullo
undefined;  // // fare attenzione -- (undefined) può essere ridefinito

switch (foo) {
    case 'bar':
        alert('il valore è bar');
    break;
    case 'baz':
        alert('il valore è baz');
    break;
    default:
        alert('impostazione predefinita, questo codice verrà eseguito');
    break;
}

var stuffToDo = {
    'bar' : function() {
        alert('il valore è bar');
    },
    'baz' : function() {
        alert('il valore è baz');
    },
    'default' : function() {
        alert('impostazione predefinita, questo codice verrà eseguito');
    }
};
if (stuffToDo[foo]) {
    stuffToDo[foo]();
} else {
    stuffToDo['default']();
}

for ([espressioneIniziale]; [condizione]; [incrementoDellaEspressione])
 [corpoCiclo]

for (var i = 0, limit = 100; i < limit; i++) {
    // Questo blocco di codice viene eseguito 100 volte
    console.log('Attualmente a ' + i);
    // Nota: L'ultimo record da visualizzare
    // nella console sarà "Attualmente a 99"
}

for ([espressioneIniziale]; [condizione]; [incrementoDellaEspressione])
 [corpoCiclo]

var i = 0;
while (i < 100) {
    // Questo blocco di codice verrà eseguito 100 volte
    console.log('Attualmente a ' + i);
    i++; // incrementa la variabile i
}

var i = -1;
while (++i < 100) {
    // Questo blocco di codice verrà eseguito 100 volte
    console.log('Attualmente a ' + i);
}

do [corpoCiclo] while ([condizione])

do {
    // Anche quando la condizione è falsa
    // il corpo del ciclo viene eseguito almeno una volta.
    alert('Ciao!');
} while (false);

for (var i = 0; i < 10; i++) {
    if (qualcosa) {
        break;
    }
}

for (var i = 0; i < 10; i++) {
    if (qualcosa) {
        continue;
    }
    // La seguente dichiarazione sarà eseguita
    // se la condizione 'something' non si compie
    console.log('I have been reached');
}

var greet = function(person, greeting) {
    var text = greeting + ', ' + person;
    console.log(text);
};
greet('Rebecca', 'Ciao');

var greet = function(person, greeting) {
    var text = greeting + ', ' + person;
    return text;
};
console.log(greet('Rebecca','ciao'));

var greet = function(person, greeting) {
    var text = greeting + ', ' + person;
    return function() { console.log(text); };
};
var greeting = greet('Rebecca', 'Ciao');
greeting();

(function(){
    var foo = 'Ciao mondo';
})();
console.log(foo);   // indefinito (undefined)

var myFn = function(fn) {
    var result = fn();
    console.log(result);
};
// mostra nella console 'Ciao mondo'
myFn(function() { return 'Ciao mondo'; });

var myFn = function(fn) {
    var result = fn();
    console.log(result);
};
var myOtherFn = function() {
    return 'Ciao mondo';
};
// mostra nella console 'Ciao mondo'
myFn(myOtherFn);

// trovare tutti gli <a> cui attributi finiscono in "thinger"
$("a[rel$='thinger']");

if ($('div.foo')) { ... }

if ($('div.foo').length) { ... }

var $divs = $('div');

$('div.foo').has('p');        // l'elemento div.foo contiene elementi <p>
$('h1').not('.bar');          // l'elemento h1 non possiede la clase 'bar'
$('ul li').filter('.current');// un item di una lista non ordinata che
                              // possiede la classe 'current'
$('ul li').first();           // il primo item de una lista non ordinata
$('ul li').eq(5);             // el sesto item de una lista non ordinata

$('#myForm :input'); // ottiene tutti gli elementi input nel form #myForm

$('#content').find('h3').eq(2).html('testo per il terzo elemento h3!');

$('#content')
    .find('h3')
    .eq(2)
    .html('testo per il terzo elemento h3!');

$('#content')
    .find('h3')
    .eq(2)
    .html('testo per il terzo elemento h3!')
    .end() // ripristina tutti gli elementi h3 in #content
    .eq(0)
    .html('testo per il primo elemento h3!');

$('h1').html('ciao mondo');

$('h1').html();

var $h1 = $('h1');
$h1.addClass('big');
$h1.removeClass('big');
$h1.toggleClass('big');
if ($h1.hasClass('big')) { ... }

$('h1').width('50px'); // imposta la larghezza di tutti gli elementi H1
$('h1').width();       // ottiene la larghezza del primo elemento H1
$('h1').height('50px');// imposta l'altezza di tutti gli elementi H1
$('h1').height();      // Ottiene l'altezza del primo elemento H1
$('h1').position();    // Restituisce un oggetto che contiene informazioni
                       // circa la posizione del primo elemento relativo a
                       // "offset" (posizione) dal suo elemento genitore

$('#myDiv p:first')
    .html('Nuovo <strong>primo</strong> parragrafo!');

// fare il che primo elemento della lista sia l'ultimo
var $li = $('#myList li:first').appendTo('#myList');
// un altro approccio allo stesso problema
$('#myList').append($('#myList li:first'));
// Va notato che non c'è modo di accedere
// alla lista degli items che è stata spostata,
// giacché restituisce la lista stessa

// copiare il primo elemento della lista
// e spostarlo alla fine dello stesso
$('#myList li:first').clone().appendTo('#myList');

$('<p>Questo è un nuovo paragrafo</p>');
$('<li class="nuovo">nuovo item della lista</li>');

$('<a/>', {
    html : 'Questo è un <strong>nuovo</strong> link',
    'class' : 'nuovo',
    href : 'foo.html'
});

var $myNewElement = $('<p>Nuovo elemento</p>');
$myNewElement.appendTo('#content');
$myNewElement.insertAfter('ul:last');
// eleminerà l'elemento <p> esistente in #content!
$('ul').last().after($myNewElement.clone());
// clonare l'elemento <p> per avere due versioni

$('ul').append('<li>item della lista</li>');

$.trim('    stringa con più spazi vuoti    ');
// restituisce 'stringa con più spazi vuoti'

$.each([ 'foo', 'bar', 'baz' ], function(idx, val) {
    console.log('elemento ' + idx + 'es ' + val);
});
$.each({ foo : 'bar', baz : 'bim' }, function(k, v) {
    console.log(k + ' : ' + v);
});

var myArray = [ 1, 2, 3, 5 ];
if ($.inArray(4, myArray) !== -1) {
    console.log('valore trovato!');
}

var firstObject = { foo : 'bar', a : 'b' };
var secondObject = { foo : 'baz' };
var newObject = $.extend(firstObject, secondObject);
console.log(firstObject.foo); // 'baz'
console.log(newObject.foo);   // 'baz'

var firstObject = { foo : 'bar', a : 'b' };
var secondObject = { foo : 'baz' };
var newObject = $.extend({}, firstObject, secondObject);
console.log(firstObject.foo); // 'bar'
console.log(newObject.foo);   // 'baz'

var myFunction = function() { console.log(this); };
var myObject = { foo : 'bar' };
myFunction(); // restituisce l'oggetto window
var myProxyFunction = $.proxy(myFunction, myObject);
myProxyFunction(); // restituisce l'oggetto myObject

var myObject = {
    myFn : function() {
        console.log(this);
    }
};
$('#foo').click(myObject.myFn);
// registra el elemento DOM #foo
$('#foo').click($.proxy(myObject, 'myFn'));
// registra myObject

$('p').one('click', function() {
    console.log('fatto click la prima volta!');
    $(this).click(function() { console.log('fatto click di nuovo!'); });
});

$('p').unbind('click');

var foo = function() { console.log('foo'); };
var bar = function() { console.log('bar'); };
$('p').bind('click', foo).bind('click', bar);
$('p').unbind('click', bar); // foo è lagato all'evento click

$('p').bind('click.myNamespace', function() { /* ... */ });
$('p').unbind('click.myNamespace');
$('p').unbind('.myNamespace');
// scollega tutti gli eventi con
// lo spazio dei nomi myNamespace

$('p').bind({
	'click': function() {
		console.log('fatto click!');
	},
	'mouseover': function() {
		console.log('il mouse è sopra!');
	}
});

$('#myUnorderedList').undelegate('li', 'click');
$('#myUnorderedList li').die('click');

$('#menu li').hover(function() {
    $(this).toggleClass('hover');
});

$('p.expander').toggle(
    function() {
        $(this).prev().addClass('open');
    },
    function() {
        $(this).prev().removeClass('open');
    }
);

$('h1').fadeIn(300);      // dissolvenza in 300ms
$('h1').fadeOut('slow');  // utilizzo di una definizione di velocità interna

$('div.old').fadeOut(300, function() { $(this).remove(); });

var $thing = $('#nonexistent');
var cb = function() {
    console.log('realizzato!');
};
if ($thing.length) {
    $thing.fadeIn(300, cb);
} else {
    cb();
}

$('div.funtimes').animate(
    {
        left : [ "+=50", "swing" ],
        opacity : [ 0.25, "linear" ]
    },
    300
);

$('h1').show(300).delay(1000).hide(300);

var response;
$.get('foo.php', function(r) { response = r; });
console.log(response); // undefined - indefinito!

$.get('foo.php', function(response) { console.log(response); });

$.ajax({
    // l'URL per la richiesta
    url : 'post.php',
    // invio di informazioni
    // (è anche possibile utilizzare una stringa di dati)
    data : { id : 123 },
    // specificare se si tratta di una richiesta POST o GET
    type : 'GET',
    // il tipo di informazioni
    // che ci si attende come risposta
    dataType : 'json',
    // codice da eseguire se la richiesta viene accettata;
    // la risposta è passata come argomento alla funzione
    success : function(json) {
        $('<h1/>').text(json.title).appendTo('body');
        $('<div class="content"/>')
            .html(json.html).appendTo('body');
    },
    // codice da eseguire se la richiesta fallisce;
    // sono passati come argomenti alla funzione
    // l'oggetto della petizione in codice grezzo
    // e lo stato della richiesta
    error : function(xhr, status) {
        alert('Spiacente, c\'è stato un problema!');
    },
    // codice da eseguire indipendentemente dal
    // fatto se la richiesta riesca.
    complete : function(xhr, status) {
        alert('Richiesta fatta!');
    }
});

$('#newContent').load('/foo.html');

$('#newContent').load('/foo.html #myDiv h1:first', function(html) {
  alert('Contenuto aggiornato!');
});

var href = 'blog.html#post1';
var tempArray = href.split('#');
var id = '#' + tempArray[1];

$.widget("nmk.progressbar", {
    options: {
        value: 0
    },
    _create: function() {
        var progress = this.options.value + "%";
        this.element
            .addClass("progressbar")
            .text(progress);
    },
    // crea un metodo pubblico
    value: function(value) {
        // non si passa alcun valore,
        // agisce quindi come metodo ottenitore (getter)
        if (value === undefined) {
            return this.options.value;
        // passando un valore, agisce quindi
        // come metodo impostatore (setter)
        } else {
            this.options.value = this._constrain(value);
            var progress = this.options.value + "%";
            this.element.text(progress);
        }
    },
    // crea un metodo privato
    _constrain: function(value) {
        if (value > 100) {
            value = 100;
        }
        if (value < 0) {
            value = 0;
        }
        return value;
    }
});

var bar = $("<div></div>")
    .appendTo("body")
    .progressbar({ value: 20 });
// ottiene il valore corrente
alert(bar.progressbar("value"));
// aggiorna il valore
bar.progressbar("value", 50);
// ottiene di nuovo il valore
alert(bar.progressbar("value"));

$.widget("nmk.progressbar", {
    options: {
        value: 0
    },
    _create: function() {
        this.element.addClass("progressbar");
        this._update();
    },
    _setOption: function(key, value) {
        this.options[key] = value;
        this._update();
    },
    _update: function() {
        var progress = this.options.value + "%";
        this.element.text(progress);
    }
});

$.widget("nmk.progressbar", {
    options: {
        value: 0
    },
    _create: function() {
        this.element.addClass("progressbar");
        this._update();
    },
    _setOption: function(key, value) {
        this.options[key] = value;
        this._update();
    },
    _update: function() {
        var progress = this.options.value + "%";
        this.element.text(progress);
        if (this.options.value == 100) {
            this._trigger("complete", null, { value: 100 });
        }
    }
});

var bar = $("<div></div>")
    .appendTo("body")
    .progressbar({
        complete: function(event, data) {
            alert( "Funzione di callback" );
        }
    })
    .bind("progressbarcomplete", function(event, data) {
        alert("Eventi bolla e molti gestori di supporto per una flessibilità estrema.");
        alert("Il valore della barra di avanzamento è " + data.value);
    });
bar.progressbar("option", "value", 100);

var bar = $("<div></div>")
    .appendTo("body")
    .progressbar()
    .data("progressbar" );
// chiamare un metodo direttamente
// nell'istanza dell'estensione
bar.option("value", 50);
// accedere alle proprietà
// nell'istanza dell'estensione
alert(bar.options.value);

$.nmk.progressbar.prototype.reset = function() {
    this._setOption("value", 0);
};

$.widget( "nmk.progressbar", {
    options: {
        value: 0
    },
    _create: function() {
        this.element.addClass("progressbar");
        this._update();
    },
    _setOption: function(key, value) {
        this.options[key] = value;
        this._update();
    },
    _update: function() {
        var progress = this.options.value + "%";
        this.element.text(progress);
        if (this.options.value == 100 ) {
            this._trigger("complete", null, { value: 100 });
        }
    },
    destroy: function() {
        this.element
            .removeClass("progressbar")
            .text("");
        // chiama alla funzione base destroy
        $.Widget.prototype.destroy.call(this);
    }
});

$('#myTable').stripe('#cccccc');

// veloce
$('#container div.robotarm');
// super-veloce
$('#container').find('div.robotarm');

// non ottimizzato
$('div.data .gonzalez');
// ottimizzato
$('.data td.gonzalez');

$('.data table.attendees td.gonzalez');
// molto meglio: eliminare il mezzo, se possibile,
$('.data td.gonzalez');

$('.buttons > *');  // molto lento
$('.buttons').children();  // molto meglio
$('.gender :radio');  // selezione universale implicita
$('.gender *:radio'); // stesa cosa, ma in modo esplicito
$('.gender input:radio'); // molto meglio

var myFeature = {
myProperty : 'ciao',
myMethod : function() {
    console.log(myFeature.myProperty);
},
init : function(settings) {
    myFeature.settings = settings;
},
readSettings : function() {
    console.log(myFeature.settings);
}
};
myFeature.myProperty; // 'ciao'
myFeature.myMethod(); // registra 'ciao'
myFeature.init({ foo : 'bar' });
myFeature.readSettings(); // registra { foo : 'bar' }

// Facendo clic su un item della lista
// si carica un certo contenuto.
// Utilizzando l'ID dell'item e a sua
// volta nasconde gli altri item fratelli.
$(document).ready(function() {
$('#myFeature li')
.append('<div/>')
.click(function() {
  var $this = $(this);
  var $div = $this.find('div');
  $div.load('foo.php?item=' +
    $this.attr('id'),
    function() {
      $div.show();
      $this.siblings()
        .find('div').hide();
    }
  );
});
});

var myFeature = {
init : function(settings) {
    myFeature.config = {
        $items : $('#myFeature li'),
        $container : $('<div class="container"></div>'),
        urlBase : '/foo.php?item='
    };
    // permete di sovrascrivere
    // la configurazione predefinita
    $.extend(myFeature.config, settings);
    myFeature.setup();
},
setup : function() {
    myFeature.config.$items
        .each(myFeature.createContainer)
        .click(myFeature.showItem);
},
createContainer : function() {
    var $i = $(this),
        $c = myFeature.config.$container.clone()
                 .appendTo($i);
    $i.data('container', $c);
},
buildUrl : function() {
    return myFeature.config.urlBase +
           myFeature.$currentItem.attr('id');
},
showItem : function() {
    var myFeature.$currentItem = $(this);
    myFeature.getContent(myFeature.showContent);
},
getContent : function(callback) {
    var url = myFeature.buildUrl();
    myFeature.$currentItem
        .data('container').load(url, callback);
},
showContent : function() {
    myFeature.$currentItem
        .data('container').show();
    myFeature.hideContent();
},
hideContent : function() {
    myFeature.$currentItem.siblings()
        .each(function() {
            $(this).data('container').hide();
        });
}
};
$(document).ready(myFeature.init);

var feature =(function() {
// variabili e funzioni private
var privateThing = 'segreto',
    publicThing = 'non segreto',
    changePrivateThing = function() {
        privateThing = 'super segreto';
    },
    sayPrivateThing = function() {
        console.log(privateThing);
        changePrivateThing();
    };
// API pubblica
return {
    publicThing : publicThing,
    sayPrivateThing : sayPrivateThing
}
})();
feature.publicThing; // registra 'non segreto'
feature.sayPrivateThing();
// registra 'segreto' e cambia il valore
// di privateThing a 'super segreto'

$(document).ready(function() {
var feature = (function() {
    var $items = $('#myFeature li'),
        $container = $('<div class="container"></div>'),
        $currentItem,
        urlBase = '/foo.php?item=',
        createContainer = function() {
            var $i = $(this),
                $c = $container.clone().appendTo($i);
            $i.data('container', $c);
        },
        buildUrl = function() {
            return urlBase + $currentItem.attr('id');
        },
        showItem = function() {
            var $currentItem = $(this);
            getContent(showContent);
        },
        showItemByIndex = function(idx) {
            $.proxy(showItem, $items.get(idx));
        },
        getContent = function(callback) {
            $currentItem.data('container').load(buildUrl(), callback);
        },
        showContent = function() {
            $currentItem.data('container').show();
            hideContent();
        },
        hideContent = function() {
            $currentItem.siblings()
                .each(function() {
                    $(this).data('container').hide();
            });
        };
    $items
        .each(createContainer)
        .click(showItem);
    return { showItemByIndex : showItemByIndex };
})();
feature.showItemByIndex(0);
});

<!DOCTYPE html>
<html>
<head>
    <title>jQuery+RequireJS pagina di esempio</title>
    <script src="scripts/require-jquery.js"></script>
    <script>require(["app"]);</script>
</head>
<body>
    <h1>jQuery+RequireJS pagina di esempio</h1>
</body>
</html>

<script>require(["scripts/app.js"]);</script>

require(["jquery.alpha", "jquery.beta"], function() {
// le estensioni  jquery.alpha.js y jquery.beta.js
// sono state caricate.
$(function() {
    $('body').alpha().beta();
});
});

require.def("my/simpleshirt",
{
    color: "black",
    size: "unisize"
}
);

require.def("my/shirt",
["my/cart", "my/inventory"],
function(cart, inventory) {
    // restituisce un oggetto che definisce
    // il modulo "my/shirt".
    return {
        color: "blue",
        size: "large"
        addToCart: function() {
            inventory.decrement(this);
            cart.add(this);
        }
    }
}
);

my/cart.js
my/inventory.js
my/shirt.js

require.def("my/title",
["my/dependency1", "my/dependency2"],
function(dep1, dep2) {
    // restituisce una funzione per definire "my/title".
    // Questo restituisce o imposta
    // il titolo della finestra
    return function(title) {
        return title ? (window.title = title) : window.title;
    }
}
);

requirejs/ (utilizzayo per eseguire gli strumenti)
webapp/app.html
webapp/scripts/app.js
webapp/scripts/require-jquery.js
webapp/scripts/jquery.alpha.js
webapp/scripts/jquery.beta.js

{
appDir: "../",
baseUrl: "scripts/",
dir: "../../webapp-build",
// Commentare la riga seguente se volete
// minimizzare il codice dal compilatore
// in modalità "semplice"
optimize: "none",
modules: [
    {
        name: "app"
    }
]
}

# per sistemi non-Windows
../../requirejs/build/build.sh app.build.js
# per sistemi Windows
..\..\requirejs\build\build.bat app.build.js

var myPortlet = Portlet({
title : 'Curry',
source : 'data/html/curry.html',
initialState : 'open' // or 'closed'
});
myPortlet.$element.appendTo('body');

myPortlet.open();    // forza per aprire
myPortlet.close();   // forza per chiudere
myPortlet.toggle();  // alterna gli stati
                     // tra aperto e chiuso
myPortlet.refresh(); // aggiorna il contenuto
myPortlet.destroy(); // rimuove il porlet dalla pagina
myPortlet.setSource('data/html/onions.html');
                     // cambia il codice

$(document).bind('myCustomEvent', { foo : 'bar' }, function(e, arg1, arg2) {
    console.log(e.data.foo); // 'bar'
    console.log(arg1); // 'bim'
    console.log(arg2); // 'baz'
});
$(document).trigger('myCustomEvent', [ 'bim', 'baz' ]);

<h1>Twitter Search</h1>
<input type="button" id="get_trends"
    value="Load Trending Terms" />
<form>
    <input type="text" class="input_text"
        id="search_term" />
    <input type="submit" class="input_submit"
        value="Add Search Term" />
</form>
<div id="twitter">
    <div class="template results">
        <h2>Search Results for
        <span class="search_term"></span></h2>
    </div>
</div>

$.fn.twitterResult = function(settings) {
    return this.each(function() {
        var $results = $(this),
            $actions = $.fn.twitterResult.actions =
                $.fn.twitterResult.actions ||
                $.fn.twitterResult.createActions(),
            $a = $actions.clone().prependTo($results),
            term = settings.term;
        $results.find('span.search_term').text(term);
        $.each(
            ['refresh', 'populate', 'remove', 'collapse', 'expand'],
            function(i, ev) {
                $results.bind(
                    ev,
                    { term : term },
                    $.fn.twitterResult.events[ev]
                );
            }
        );
        // utilizza la classe di ogni azione per
        // determinare quale evento si svolgerà
        // nel riquadro dei risultati
        $a.find('li').click(function() {
            // passa l'elemento <li> cliccato
            // sulla funzione in modo da poterlo
            // manipolare, se necessario
            $results.trigger($(this).attr('class'), [ $(this) ]);
        });
    });
};
$.fn.twitterResult.createActions = function() {
    return $('<ul class="actions" />').append(
        '<li class="refresh">Refresh</li>' +
        '<li class="remove">Remove</li>' +
        '<li class="collapse">Collapse</li>'
    );
};
$.fn.twitterResult.events = {
    refresh : function(e) {
           // indica che i risultati sono
           // in fase di aggiornamento
        var $this = $(this).addClass('refreshing');
        $this.find('p.tweet').remove();
        $results.append('<p class="loading">Loading ...</p>');
        // ottiene le informazioni da Twitter
        // in formato jsonp
        $.getJSON(
            'http://search.twitter.com/search.json?q=' +
                escape(e.data.term) + '&rpp=5&callback=?',
            function(json) {
                $this.trigger('populate', [ json ]);
            }
        );
    },
    populate : function(e, json) {
        var results = json.results;
        var $this = $(this);
        $this.find('p.loading').remove();
        $.each(results, function(i,result) {
            var tweet = '<p class="tweet">' +
                '<a href="http://twitter.com/' +
                result.from_user +
                '">' +
                result.from_user +
                '</a>: ' +
                result.text +
                ' <span class="date">' +
                result.created_at +
                '</span>' +
            '</p>';
            $this.append(tweet);
        });
        // indica che i risultati
        // sono già stati aggiornati
        $this.removeClass('refreshing');
    },
    remove : function(e, force) {
        if (
            !force &&
            !confirm('Rimuovere pannello per il termine ' + e.data.term + '?')
        ) {
            return;
        }
        $(this).remove();
        // indica che si non avrà
        // un pannello per il termine
        search_terms[e.data.term] = 0;
    },
    collapse : function(e) {
        $(this).find('li.collapse').removeClass('collapse')
            .addClass('expand').text('Expand');
        $(this).addClass('collapsed');
    },
    expand : function(e) {
        $(this).find('li.expand').removeClass('expand')
            .addClass('collapse').text('Collapse');
        $(this).removeClass('collapsed');
    }
};