Scenariul este simplu: ai o pagină web, sau poate chiar o webaplicaţie, în care vrei să fructifici timpii morţi. Poate cât timp pagina nu este folosită vrei să preîncarci nişte informaţii… sau să provoci periodic o reîncărcare… sau, ceea ce m-a interesat pe mine de fapt, să de-loghezi (de-autentifici) utilizatorul din webaplicaţie. Codul de mai jos nu îmi aparţine ci l-am găsit aici – eu doar îl semnalez. Şi am să vă spun după cod limitele lui.

var idleTime = 0;
$(document).ready(function () {
//Creste numaratorul la fiecare minut
var idleInterval = setInterval(timerIncrement, 60000); // 1 minut

//Pune pe zero numaratorul la miscarea mouse-ului.
$(this).mousemove(function (e) {
idleTime = 0;
});

//Pune pe zero numaratorul la apasarea vreunei taste.
$(this).keypress(function (e) {
…

Ei bine, după vreo 5 ani îmi permit să revin la pluginul DataTables, bucuros să văd că proiectul este încă activ şi… îmi foloseşte intens într-un nou proiect la care lucrez. Nu ştiu voi, dar pe mine tabelele mă cam exasperează: în special integrarea lor în design şi capacitatea de adaptare după rezoluţie, dar şi problema funcţionalităţii. Din fericire pluginul îşi face cu brio datoria. Am mai scris de vreo două ori despre acest plugin în trecut, dar la atâţia ani o iau ca de la zero: pluginul cere includerea unui fişier CSS pentru partea de aspect, a unuia JS pentru funcţionalitate (atenţie: depinde de jQuery deci mai vine fişierul JS pentru jQuery) şi o linie gen $(‘#tabelul-meu’).DataTable(); ca să aveţi un start nemaipomenit.

Am luat de pe Wikipedia tabelul de mai jos ca să am ce să demonstrez şi dacă veţi privi în sursă veţi vedea că …

În proiectele Dvs web s-ar putea să vă întâlniţi cu situaţii în care doriţi să „prindeţi” click-ul mouse-ului, fie el click stânga, mijloc sau dreapta. Desigur, jQuery oferă instrumentele necesare şi vom încerca să vedem mai jos cum putem face şi ceea ce jQuery nu oferă nativ. Dacă vrem click normal pe un element (link, div, imagine…) atunci desigur putem folosim $(„#element”).click(), dar ca să trecem toate cele trei scenarii în revistă ne vom folosi de mousedown.

Astfel, următorul cod ne permite să aflăm ce fel de click am dat. Simplu… normal că este simplu.

$(document).mousedown(function(e) {
    if(e.which == 1) $("#foo").html("Click stânga!");
    if(e.which == 2) $("#foo").html("Click mijloc!");
    if(e.which == 3) $("#foo").html("Click dreapta!");
});

Dacă dorim …

Un articol recent de pe WebResourceDepot, 10 Useful jQuery plugins from Github, mi-a atras atenţia asupra unor pluginuri. Unele le ştiam deja, ba chiar le folosesc, altele nu. Lista celor zece o veţi găsi în articol, eu mă limitez la patru dintre ele. Şi am să încep cu jQuery Cookie, un plugin simplu de folosit pentru un management mai uşor al cookie-urilor. Merge sub navigatoarele tradiţionale, dar şi sub Android şi iOS. Acum vreo lună am scris despre Amplify.js: un plugin jQuery pentru salvarea datelor. Îl prefer în continuare, dar de reţinut şi jQuery Cookie.

Notabil şi jQuery Waypoints, care permite să facem ceva (să apelăm o funcţie adică) atunci când un anumit element …