Blog (96)
Komentarze (734)
Recenzje (5)

Framework jQuery

@skandynFramework jQuery30.09.2010 12:48

Kilka słów o jQuery

Framework jQuery jest to dodatek do języka JavaScript za pomocą, którego będziemy mogli budować szybkie strony WWW z różnymi animowanymi widżetami. Podobnie jak tworzyliśmy strony internetowe w JavaScript to w taki sam sposób będziemy mogli dodawać kod tym razem zwięzły, ale bardziej rozwinięty programistycznie oczywiście nie zmieniając struktury HTML. Oprócz tego skrypty napisane w jQuery wnoszą wiele nowego w tworzeniu nowoczesnych witryn internetowych a elementy stron wyświetlają się płynniej np. pokaz zdjęć jest wyświetlany z animowanymi efektami przejścia.

Najnowszą wersje pliku jquery.js możemy pobrać na stronie projektu click.

Przykład dołączenia pliku jquery.js w sekcji {head}

{head} 
{title}test{/title} 
{script type="text/javascript" src="jquery.js"}{/script} 
{/head}

Przykładowy efekt animowanego kwadratu

Jak widać na poniższym tutorialu dodawanie skryptu w pliku html jest bardzo proste w sekcji {head} umieszczamy kod odwołujący się do pliku jquery.js plus kilka linijek funkcji przykładowego animowanego kwadratu niewiele różni się to od standardowego kodu JavaScript. Natomiast w sekcji {body} dołączamy pozostały kod, który ma za zadanie wykonać odpowiednią funkcje (animacja, kolor przycisku i jego położenie).

{html}
{head}
{script type="text/javascript" src="jquery.js"}{/script}
{script type="text/javascript"} 
$(document).ready(function(){
  $("button").click(function(){
    $("div").animate({height:200},"fast");
    $("div").animate({width:200},"fast");
    $("div").animate({height:200},"fast");
    $("div").animate({width:200},"fast");
  });
});
{/script} 
{/head}

{body}
{button}Start Animacja{/button}
{br /}{br /}
{div style="background:#FF0000;height:100px;width:100px;position:relative"}
{/div}
{/body}
{/html}

Galeria internetowa jQuery

Przykładową demonstracyjną galerie wykonaną jQuery możemy pobrać ze strony projektu aino-galleria i odpowiednio skonfigurować lub przygotowaną przeze mnie tutaj jako szablon, który możemy dostosować do własnej witryny. Musimy tylko utworzyć miniaturki zdjęć (program Fotosizer) i wpisać w pliku index.html ścieżkę do naszych obrazków.

W sekcji {body} konfigurujemy nasze obrazki

{a href="images/obrazek1.jpg"} - oryginalny obrazek
{img src="thumbs/obrazek1.jpg"} - miniatura obrazka

Dodatkowo możemy zatytułować naszą galerie internetową w nagłówku strony oraz dołączyć alternatywny tekst poniżej galerii.

Galeria wykona przy użyciu biblioteki jQuery to bardzo lekka z animowanymi efektami przejść pokaz obrazków umieszczonych na naszej stronie internetowej.

Przykładowa galeria JavaScript z wykorzystaniem dodatku jQuery click

Moja refleksja

Po pierwsze testując lekką i szybką bibliotekę programistyczną jQuery można stwierdzić, że jest bardzo dobre rozwiązanie, jeśli chcemy upiększać naszą witrynę internetową poprzez dodanie różnych dynamiczno-animowanych efektów. Nasza strona będzie wyświetlana w każdej przeglądarce w profesjonalny sposób.

Po drugie patrząc na całość zagadnienia to bardzo przyjemna jest praca z pluginem jQuery, który przez swoją funkcjonalność i łatwość konfigurowania sprawia, że język JavaScript przeżywa swoją drugą młodość.

Przydatne strony: jQuery Tutorial jQuery UI

Pozdrawiam.

Szanowna Użytkowniczko! Szanowny Użytkowniku!
×
Aby dalej móc dostarczać coraz lepsze materiały redakcyjne i udostępniać coraz lepsze usługi, potrzebujemy zgody na dopasowanie treści marketingowych do Twojego zachowania. Twoje dane są u nas bezpieczne, a zgodę możesz wycofać w każdej chwili na podstronie polityka prywatności.

Kliknij "PRZECHODZĘ DO SERWISU" lub na symbol "X" w górnym rogu tej planszy, jeżeli zgadzasz się na przetwarzanie przez Wirtualną Polskę i naszych Zaufanych Partnerów Twoich danych osobowych, zbieranych w ramach korzystania przez Ciebie z usług, portali i serwisów internetowych Wirtualnej Polski (w tym danych zapisywanych w plikach cookies) w celach marketingowych realizowanych na zlecenie naszych Zaufanych Partnerów. Jeśli nie zgadzasz się na przetwarzanie Twoich danych osobowych skorzystaj z ustawień w polityce prywatności. Zgoda jest dobrowolna i możesz ją w dowolnym momencie wycofać zmieniając ustawienia w polityce prywatności (w której znajdziesz odpowiedzi na wszystkie pytania związane z przetwarzaniem Twoich danych osobowych).

Od 25 maja 2018 roku obowiązuje Rozporządzenie Parlamentu Europejskiego i Rady (UE) 2016/679 (określane jako "RODO"). W związku z tym chcielibyśmy poinformować o przetwarzaniu Twoich danych oraz zasadach, na jakich odbywa się to po dniu 25 maja 2018 roku.

Kto będzie administratorem Twoich danych?

Administratorami Twoich danych będzie Wirtualna Polska Media Spółka Akcyjna z siedzibą w Warszawie, oraz pozostałe spółki z grupy Wirtualna Polska, jak również nasi Zaufani Partnerzy, z którymi stale współpracujemy. Szczegółowe informacje dotyczące administratorów znajdują się w polityce prywatności.

O jakich danych mówimy?

Chodzi o dane osobowe, które są zbierane w ramach korzystania przez Ciebie z naszych usług, portali i serwisów internetowych udostępnianych przez Wirtualną Polskę, w tym zapisywanych w plikach cookies, które są instalowane na naszych stronach przez Wirtualną Polskę oraz naszych Zaufanych Partnerów.

Dlaczego chcemy przetwarzać Twoje dane?

Przetwarzamy je dostarczać coraz lepsze materiały redakcyjne, dopasować ich tematykę do Twoich zainteresowań, tworzyć portale i serwisy internetowe, z których będziesz korzystać z przyjemnością, zapewniać większe bezpieczeństwo usług, udoskonalać nasze usługi i maksymalnie dopasować je do Twoich zainteresowań, pokazywać reklamy dopasowane do Twoich potrzeb. Szczegółowe informacje dotyczące celów przetwarzania Twoich danych znajdują się w polityce prywatności.

Komu możemy przekazać dane?

Twoje dane możemy przekazywać podmiotom przetwarzającym je na nasze zlecenie oraz podmiotom uprawnionym do uzyskania danych na podstawie obowiązującego prawa – oczywiście tylko, gdy wystąpią z żądaniem w oparciu o stosowną podstawę prawną.

Jakie masz prawa w stosunku do Twoich danych?

Masz prawo żądania dostępu, sprostowania, usunięcia lub ograniczenia przetwarzania danych. Możesz wycofać zgodę na przetwarzanie, zgłosić sprzeciw oraz skorzystać z innych praw wymienionych szczegółowo w polityce prywatności.

Jakie są podstawy prawne przetwarzania Twoich danych?

Podstawą prawną przetwarzania Twoich danych w celu świadczenia usług jest niezbędność do wykonania umów o ich świadczenie (tymi umowami są zazwyczaj regulaminy). Podstawą prawną przetwarzania danych w celu pomiarów statystycznych i marketingu własnego administratorów jest tzw. uzasadniony interes administratora. Przetwarzanie Twoich danych w celach marketingowych realizowanych przez Wirtualną Polskę na zlecenie Zaufanych Partnerów i bezpośrednio przez Zaufanych Partnerów będzie odbywać się na podstawie Twojej dobrowolnej zgody.