Niezalogowany [ logowanie ]
Subskrybuj kanał ATOM Kanał ATOM    Subskrybuj kanał ATOM dla tagu jquery Kanał ATOM (tag: jquery)

Autor wpisu: Tomasz Kowalczyk, dodany: 14.09.2011 09:25, tagi: javascript, jquery

Kontynuując naprawianie mojego lenistwa związanego z publikacją wpisów na blogu oddaję w Wasze ręce kolejny Linkdump, tym razem poświęcony najpopularniejszej bibliotece / frameworkowi JavaScriptu - jQuery. Mam nadzieję, że zebrane tu informacje po raz kolejny będą dla Was przydatne i znajdą zastosowanie zarówno w projektach komercyjnych, jak też we własnym domowym "dziubaniu" kodu. Zapraszam do [...]

Autor wpisu: Łukasz, dodany: 06.09.2011 22:22, tagi: javascript, jquery

Zacząłem dziubać ostatnio po godzinach w domu nad pewnym projektem. Gdy doszło do tematu moderacji, pomyślałem: “Hmm, po kliknięciu na usuń użytkownik powinien to przecież jakoś potwierdzić… Ale to standardowe okienko wygląda okropnie!”. Jako że i tak w projekcie było już użyte jQuery, postanowiłem do tego dołożyć faceboxa, i zrobić własny confirmation box.

Całość była bardzo prosta, dlatego, że facebox jako parametr może przyjąć kod html, który następnie pojawia się w “ramce”. Kod ten należy wykonać dopiero po załadowaniu się rozszerzenia facebox, które można pobrać stąd.

$.facebox.confirm = function(params)
{
    // pominąłem tutaj ustawianie domyślnych wartości parametrów

    // wyświetlamy faceboxa z pytaniem i odpowiedziami tak i nie
    $.facebox('
‘+params['question']+’ ‘+params['labelYes']+’ ‘+params['labelNo']+’

‘); $(‘a.yes’).click(function() { // Po kliknięciu w yes wykonaj funkcję z parametru callbackYes z parametrami z paramsYes fn = params['callbackYes']; fn(params['paramsYes']); }); $(‘a.no’).click(function() { // Wykonaj callbacks analogicznie do yes, i zamknij faceboxa fn = params['callbackNo']; fn(params['paramsNo']); $.facebox.close(); }); }

Użycie również jest banalne:

$(function()
{
    $('a.delete-user').click(function(event)
    {
        paramsYes = { "user_id" : $(this).attr('rel')};
        $.facebox.confirm({
            "question" : "Are you sure you want to delete that user?",
            "callbackYes" : function(params)
            {
               // wywołuję odpowiedniego ajaxa
            },
            "paramsYes" : paramsYes
        });
    });
});

Mam nadzieję, że komuś się przyda :) .
Enjoy!

Autor wpisu: Tomasz Kowalczyk, dodany: 05.09.2011 10:38, tagi: framework, javascript, jquery

Dawno, dawno temu opublikowałem Linkdump #19 prezentujący zbiór materiałów dotyczących biblioteki MooTools. Kontynuując tą "krucjatę przeciwko jQuery", zapraszam Was dzisiaj do lektury kolejnej serii linków związanych z tym narzędziem.     Fotografia: jeffisageek, CC-BY. Linkdump #57: MooTools. NPM + MooTools + Ender = <3. Czyli kilka słów o zarządzaniu pakietami związanymi z MooTools. Events with [...]

Autor wpisu: Tomasz Kowalczyk, dodany: 08.08.2011 21:11, tagi: jquery

Pomimo upływu czasu i wielu zmian w środowiskach programistów stron internetowych, biblioteka jQuery zdaje się być cały czas najpopularniejszym rozwiązaniem ułatwiającym ich pracę. Mimo okrzyknięcia tej biblioteki "PHP4 JavaScriptu", na pewno można się w niej doszukać wielu pozytywnych aspektów. W dzisiejszym Linkdumpie chciałbym po raz kolejny przedstawić kilka rzeczy pozwalających na odzyskanie wiary w jQuery. [...]

Autor wpisu: Tomasz Kowalczyk, dodany: 02.08.2011 00:22, tagi: css, design, jquery, php

Ten Linkdump jest zdecydowanie spóźniony - to chyba pierwszy wpis, z którym "nie wyrobiłem" się w ciągu dwóch dni względem Harmonogramu. Tak to jednak jest, jak się ma tyle pracy, że po tych kilkunastu godzinach człowiek już nawet nie myśli o tym, że gdzieś w Internecie istnieje jakaś strona, którą się zarządza, a tym bardziej, [...]

Autor wpisu: Tomasz Kowalczyk, dodany: 25.07.2011 08:37, tagi: css, javascript, jquery

W serii Linkdump pojawiają się materiały różnego typu i o różnej tematyce - czasem bardziej popularne jak jQuery lub zbiory darmowych ikon, czasem bardziej ambitne, czyli lektury dla zaawansowanych lub chcących poszerzyć swoją wiedzę. Nie było jeszcze niczego związanego z pojedynczym serwisem - linki prowadziły zawsze do różnych zakamarków Internetu. Tym razem chciałbym to zmienić, [...]

Autor wpisu: Tomasz Kowalczyk, dodany: 19.06.2011 16:04, tagi: javascript, jquery, mysql, php

Chcąc stworzyć dynamiczną stronę oferującą wiele funkcjonalności w sposób zbliżony do tego, jak zachowują się aplikacje desktopowe, niestety nie mamy innej możliwości niż wykorzystanie technologii AJAX. Wychodząc naprzeciw tym wymaganiom dzisiaj publikuję kolejny zestaw przydatnych materiałów dotyczących tworzenia różnego rodzaju funkcjonalności z jej wykorzystaniem. Mam nadzieję, że przydadzą się Wam zarówno w pracy, jak i [...]
Wszystkie wpisy należą do ich twórców. PHP.pl nie ponosi odpowiedzialności za treść wpisów.