bootstrap-datepicker: position bug

Korzystając z biblioteki bootstrap-datepicker spotkałem się z pewnym błędem w pozycjonowaniu okienka:

Problem rozwiązałem modyfikując kilka linijek w pliku js/bootstrap-datepicker.js:

Przed modyfikacją:

var left = offset.left - appendOffset.left, top = offset.top - appendOffset.top;

Po modyfikacji:

var left = offset.left - appendOffset.left, top = offset.top;

Wyświetlenie okienka potwierdzającego po kliknięciu w link

Czasem przed wykonaniem pewnej akcji (np. przed usunięciem pozycji) chcemy wyświetlić okienko potwierdzające czy na pewno wykonać daną czynność. Aby to zrobić wystarczy dodać do linka atrybut onclick:

Twig:

Usuń

Javacript:

function confirmDelete(id) {
    return confirm("Czy na pewno usunąć wybraną pozycję (" + id + ")?");
}

[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

[php] rawurlencode() i [js] decodeURIComponent()

Chcąc zakodować jakiś string w PHP i poprawnie go odkodować przy użyciu JavaScriptu proponuję zastosować wbudowane funkcje: rawurlencode() i decodeURIComponent().
urlencode() nie do końca mi wystarczyło - funkcja zmienia na przykład spację na "+" zamiast na %20 (przez co trudniej taki string odkodować wbudowanymi funkcjami w js). decodeURI natomiast nie odkodowało np. znaków %21 (!) czy %40 (@).
Tak więc rawurlencode() i decodeURIComponent() to dobre połączenie - przynajmniej dla mnie. :-)

[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();