[jQuery] Dodatnie liczby całkowite w polu typu input

Za pomocą jQuery i pluginu numeric można w prosty sposób ograniczyć typ wprowadzanych danych. Poniższy przykład pokazuje jak zdefiniować aby w pole input formularza można było wpisać jedynie dodatnie liczby całkowite:

$(".positive-integer").numeric({ decimal: false, negative: false }, function() { alert("Positive integers only"); this.value = ""; this.focus(); });

Więcej przykładów znajduje się tutaj i tutaj.

[jQuery] Funkcja .live() w jQuery 1.9+

Od wersji 1.9 jQuery nie znajdziesz już funkcji .live() - jeśli z jakiegoś powodu potrzebujesz jej w dalszym ciągu pomoże Ci w tym ten oto fragment kodu:

jQuery.fn.extend({
live: function( types, data, fn ) {
          if( window.console && console.warn ) {
           console.warn( "jQuery.live is deprecated. Use jQuery.on instead." );
          }

          jQuery( this.context ).on( types, this.selector, data, fn );
          return this;
        }
});

źródło: http://stackoverflow.com/questions/8021436/turning-live-into-on-in-jquery

[js][jquery] Mały przykład regular expression

Wykonanie "if'ka" jedynie w przypadku wpisania do html'owego inputa (o id badane_pole) numeru zgodnie z formatem:

OW/EEE/RR/NNNNN

gdzie:
OW - dwie cyfry
EEE - trzy cyfry lub duże litery
RR - dwie cyfry
NNNNN - pięć cyfr

var rege = /^([0-9]{2})+\/([A-Z0-9]{3})+\/([0-9]{2})+\/([0-9]{5})$/;
if(rege.test($("#badane_pole"))){
    //gogogo!
}

[jQuery] Tablica z wynikami wyciągnięta za pomocą $.post

$.post umożliwia (oprócz zwykłych ciągów znaków) odebranie całej tablicy z danymi - bardzo fajna sprawa dzięki której dziś zrobiło mi się lżej na sercu. :) Żeby odebrać taki "array" a nie tylko "string" wystarczy po argumentach funkcji $.post dodać znacznik "json":

$.post("test.php", { "func": "getNameAndTime" },
 function(data){
   console.log(data.name); // John
   console.log(data.time); //  2pm
 }, "json");

W pliku test.php z którego pobieramy dane wystarczy zamiast zwykłego

echo "zwykly ciag znakow"; 

dać

echo json_encode(array("name"=>"John","time"=>"2pm")); 

Żródło: http://api.jquery.com/jQuery.post/

[jQuery] wiele elementów do jednego eventa

Istnieje możliwość podpięcia kilku elementów do jednego zdarzenia - można zrobić to mniej więcej w taki sposób:

 var idleka_search = $("#idleka_search");
 var idkorg_search = $("#idkorg_search");
 var idfdm_search = $("#idfdm_search");

 var combined = idleka_search.add(idkorg_search);
 combined = combined.add(idfdm_search);

 $(combined).change(function(){ ... });

[js][jQuery] Czy zmienna istnieje i nie jest pusta

Prosty sposób na sprawdzenie czy zmienna istnieje i nie jest pusta:

var zmienna = $("#zmienna").val();
if(typeof zmienna !== "undefined" && zmienna){
 alert(zmienna);
} else {
 alert("brak zmiennej lub pusta");
}

[jQuery] $.get() i wykorzystanie danych w innej funkcji

Funkcja $.get() daje bardzo fajną możliwość wykorzystania świeżo pobranych danych w innej funkcji:

function wczytajCos(){
$.get('cos.php?cl=foo', zrobCos);
}

function zrobCos(data){
alert(data);
}

Jak łatwo się domyśleć funkcja wczytajCos() prześle zmienną foo w tablicy $_GET do strony cos.php i uruchomi funkcję zrobCos(), która z kolei wyświetli w alercie wynik tej akcji.

[jQuery] Pobranie wartości do Greyboxa

Za pomocą top.window można z łatwością pobrać w jQuery wartość ze strony znajdującej się "pod" okienkiem Greybox'a:

var datawiz = top.window.$("#datawiz").val();

[jQuery] Nowy View Large On Black i .one()

Niedawno zmienił się layout galerii Flickr i przestał mi działać skrypcik View Large On Black, o którym pisałem tutaj.
Modyfikując skrypt natknąłem się na fantastyczną funkcję jQuery .one(). Dzięki .one() można w prosty sposób zdefiniować, aby jakieś zdarzenie mogło być wykonane tylko jeden raz. Można oczywiście tego typu zabieg wykonać również za pomocą .bind() i .unbind() ale .one() jest znacznie bardziej "eleganckie".
Nowy skrypt View Large On Black - i przy okazji zastosowanie funkcji .one() - można obejrzeć pobierając plik stąd.

[jquery] Automatyczne wylogowanie użytkownika

W jaki sposób wylogować użytkownika z programu gdy on sam tego nie zrobi? Jak go wylogować gdy zamknie okno przeglądarki lub wyjdzie z programu przechodząc na inną stronę? Jak to zrobić pod Firefox'em?
Szukam odpowiedzi na te pytania od jakiegoś czasu i znaleźć tak do końca dobrego sposobu nie mogę. W sieci też nie namierzyłem żadnego dobrze działającego rozwiązania a jak to mawiają jak czegoś nie ma w googlach to na pewno to coś nie istnieje. ;)
Mimo wszystko nie poddaję się i coś kombinuję - udało mi się znaleźć pewnie rozwiązanie, dzięki któremu ilość wylogowań użytkowników z systemu znacznie wzrosła.

W momencie gdy na utworzymy plik autologout.js w którym umieścimy:

$(document).ready(function(){
  function bye(e) {
   location.href = "logout.php";
  }
  window.onbeforeunload=bye;
  
  $("#nazwaBody").mousedown(function(){
    window.onbeforeunload=null;
  });
});

a w samym kodzie strony umieścimy:

<script type='text/javascript' src='autologout.js'></script>

oraz dodamy id do body:

<body id="nazwaBody">

to każda próba wyjścia z systemu spowoduje przejście do strony logout.php. Aby skrypt nie zadziałał w momencie przejścia z jednej podstrony systemu do drugiej wyłączamy onbeforeunload gdy użytkownik kliknie gdziekolwiek w obszarze aplikacji.

Nie jest to idealne rozwiązanie (można je obejść w prosty sposób) ale mimo wszystko ilość wylogowujących się z systemu użytkowników wzrosła z 10 do 90 procent co bardzo mnie cieszy. :)

Szukam w dalszym ciągu lepszego rozwiązania tego problemu...

[jquery][php] $_GET w jQuery

Aby skorzystać z tablicy $_GET w jQuery wystarczy:

function getQueryParams(qs) {
    qs = qs.split("+").join(" ");
    var params = {};
    var tokens;

    while (tokens = /[?&]?([^=]+)=([^&]*)/g.exec(qs)) {
        params[decodeURIComponent(tokens[1])]
            = decodeURIComponent(tokens[2]);
    }

    return params;
}

var $_GET = getQueryParams(document.location.search);

źródło: http://stackoverflow.com/questions/439463/how-to-get-get-and-post-variables-with-jquery

jQuery + Greasemonkey na przykładzie Flickr'a

Istnieje możliwość tworzenia skryptów do Greasemonkey w jQuery - to dla mnie bardzo dobra nowina bo odkąd poznałem jQuery pisanie w czystym javascript'cie jakoś mnie nie cieszy. ;)
Aby skorzystać w GM (Greasemonkey) z jQuery wystarczy wpisać w skrypcie:

// Add jQuery
var GM_JQ = document.createElement('script');
GM_JQ.src = 'http://jquery.com/src/jquery-latest.js';
GM_JQ.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(GM_JQ);

// Check if jQuery's loaded
function GM_wait() {
 if(typeof unsafeWindow.jQuery == 'undefined') { window.setTimeout(GM_wait,100); }
 else { $ = unsafeWindow.jQuery; letsJQuery(); }
}
GM_wait();

// All your GM code must be inside this function
function letsJQuery() {}

źródło: http://joanpiedra.com/jquery/greasemonkey/
Wpadłem na to rozwiązanie logując się po raz setny do pewnego portalu, do którego mam koło dwudziestu różnych loginów. Aby się tam zalogować trzeba wypełnić trzy pola, co w żaden sposób nie dało się zapamiętać w przeglądarce. W pewnym momencie miałem już tego kompletnie dość - postanowiłem zrobić coś, co ułatwi mi nieco życie. Z pomocą przyszedł mi tu właśnie GM i jQuery - pamiętają za mnie wszystkie moje loginy. :]

[jQuery] Gadżet Blogger'a z fotkami z Flickr'a

Stworzyłem mały gadżet do bloggera, za pomocą którego można tutaj obejrzeć moje fotki z galerii flickr'owej. Skorzystałem z ogólnodostępnych dobrodziejstw: API Flickr'a, jQuery'ego no i możliwości tworzenia własnych gadżetów na bloggerze.