Log into your edX Account. Kurs Javascript - Gra Memory. W dzisiejszym odcinku zajmiemy się stworzeniem prostej gry "memory".
Gra taka polega na odkrywaniu par obrazków. Do stworzenia naszej aplikacji po raz kolejny wykorzystamy jQuery (musisz ją dodać do strony). Nie jest to konieczne, gdyż poniższy kod bez problemu można napisać w czystym javascript. Zobacz DEMO naszej gry Podstawowe założenia gry Tradycyjnie rozpiszmy zasadę działania naszej gry: Domyślnie planasz gry jest nieaktywna. Skoro określiliśmy co mamy do zrobienia, przejdźmy do pracy. Szkielet aplikacji Szkielet aplikacji będzie bardzo prosty. Punktację umieszczamy poza planszą, by nie przysłaniała nam kafelków.
Aby widzieć rezultaty nadajmy naszym elementom przykładowe style: W tej chwili nasze elementy wyglądają następująco: Jedyną rzeczą która warta jest uwagi to centrowane przezroczyste tło kafelka, które jest obrazkiem znaku zapytania: Piszemy silnik gry. Gra, w której uczysz się JavaScriptu. [PHP] Wyrażenia regularne - podstawy i przykłady. W dzisiejszym artykule poruszam temat wyrażeń regularnych, ponieważ ciągle stanowią one wciąż trudny orzech do zgryzienia dla wielu osób tworzących aplikacje webowe.
![[PHP] Wyrażenia regularne - podstawy i przykłady](http://cdn.pearltrees.com/s/pic/th/regularne-webmasterski-73982532)
Wyrażenia regularne pozwalają na wykrywanie i identyfikację określonego ciągu znaków w tekście pisanym, który można następnie edytować, usuwać. Przejdźmy więc do krótkiego przeglądu podstaw, a następnie pokażę kilka przykładów na wykorzystanie wyrażeń regularnych. Wyrażenia regularne – podstawy Funkcje PHP dotyczące wyrażeń regularnych Wyrażenia regularne – przykłady Walidacja adresu URL Możemy to zrobić korzystając z poniższego kodu: Podświetlanie słowa w tekście strony Jest to przydatne, gdy chcemy za każdym razem zwrócić uwagę na jakąś frazę, np. Kurs PHP - Wyrażenia regularne. Hosting do nauki || Kurs MySQL || Wejdź na Pomoc IT Wyrażenia regularne Wyrażenie regularne to nic innego, jak szablon ciągu.
Definiując wyrażenie możemy w dowolny sposób określić format stringa. Narzędzie bardzo przydatne w przypadku sprawdzania poprawności wpisywanych tekstów, jak np. adresu e-mail lub danych osobowych. Wykorzystując wyrażenia regularne możemy również wyszukać oraz podmienić wszystkie podciągi znajdujące się w tekście, które pasują do wpisanej formuły. W tej lekcji poznamy podstawy konstrukcji wyrażeń regularnych oraz funkcje sprawdzającą występowanie szablonu w ciągu znaków. Wyrażenia regularne PCRE w PHP Tutorial. Włodzimierz Gajda Wyrażenia regularne to napisy, które pozwalają na opis składni tekstu.
[PHP] Wyrażenia regularne - podstawy i przykłady. Poradnik Webmastera. Obsługa skrótów klawiszowych z poziomu JavaScript « Blog webdeveloperski. Obsługa skrótów klawiszowych z poziomu JavaScript Autor wiadomości Czerwiec 29, 2012 W wielu aplikacjach internetowych (np.
GMail) można wykorzystywać znane skróty klawiszowe. W jaki sposób twórcy tych stron zdołali podpiąć się pod wciśnięcie ctrl + S w celu zapisania wersji roboczej listu? Dlaczego nie wyświetla się systemowy dialog zapisu witryny? Przechwytywanie zdarzeń klawiatury Wciśnięcie klawisza na klawiaturze wywołuje kolejno kilka zdarzeń: keydownkeypresskeyup W tym wpisie będę korzystał z `keydown'. Funkcję obsługi zdarzenia przypiszę jako atrybut do znacznika <body />. Demo online Po uruchomieniu powyższego przykładu każde wciśnięcie przycisku na klawiaturze wywoła alert z napisem "Wcisnąłeś klawisz! ". Przechwytywanie zdarzeń klawiatury w Internet Explorerze Pokazany wyżej przykład działa w przeglądarkach. Ten sposób jednak także nie działa w domyślnym programie MS Windows. Pozycjonowanie elementów i odczytywanie pozycji na stronie cz. 2. Autor: Paweł Rajewski O ile pozycjonowanie obiektów jest dosyć proste, to w pomiarach ich położenia można naprawdę utonąć.
Oczywiście, trzeba korzystać ze skryptów, ale nie to jest tu głównym problemem. Kłopotem jest mnogość właściwości i miejsc, z których można dane odczytać i spora zależność uzyskiwanych wyników od konstrukcji strony. Pomiary to gęsto zaminowany teren pełen pułapek czyhających na nieostrożnego śmiałka. Od razu na wstępie trzeba rozróżnić dwa rodzaje „położeń obiektu”. Drugi rodzaj położenia, temat artykułu, to położenie obiektu na „rysunku” strony, co dotyczy wyłącznie obiektów „widzialnych” i wiąże się z odczytywaniem ich współrzędnych. Właściwości left i top Pierwszy nasuwający się sposób odczytywania współrzędnych – i pierwsza pułapka.
Załóżmy jednak, że udało się uzyskać jakiś wynik. Właściwości posLeft i posTop Właściwości posLeft i posTop zwracają wartości left i top w postaci liczb, a nie łańcuchów, co jest już sporym ułatwieniem. Kurs JavaScript. Rozdział 13. Zdarzenia przeglądarek. Aby móc dodać do strony ciekawe funkcje sama możliwość przeglądania i modyfikowania dokumentu nie wystarczy.
Musimy jeszcze umieć sprawdzać, co robi użytkownik i reagować na jego działania. Do tego celu będziemy używać tzw. procedur obsługi zdarzeń. Zdarzeniami są naciśnięcia klawiszy, naciśnięcia przycisków myszy, a ruch ruch myszy może być nawet traktowany jako seria zdarzeń. W rozdziale 11 dodaliśmy do przycisku własność onclick, aby wykonać jakieś działania, gdy zostanie kliknięty. To była prosta procedura obsługi zdarzeń.
Zasada działania zdarzeń przeglądarek jest bardzo prosta. Należy wiedzieć, że podczas gdy w jednym czasie może dziać się wiele zdarzeń, to procedura obsługi może działać tylko jedna na raz. Nieobsłużone zdarzenie może zostać „przepchnięte” poprzez drzewo DOM. Jak widać obsługa zdarzeń nie jest skomplikowana. Jeśli chodzi o zdarzenia, to zwykle wykonuje się w związku z nimi cztery czynności. Kurs Javascript - Obrazki i grafika. Aby manipulować grafiką na stronie, musimy się do niej odwołać.
Możemy to zrobić na kilka sposobów. Korzystając z metody getElementsByTagName, kolekcji document.images lub ze standardowego atrybutu id. Możemy tez wykorzystać metody DOM, aby dobrać się do naszych grafik: Każdej grafice możemy ustawiać standardowe atrybuty html dla grafiki (border, name, height, width, hspace, vspace, lowsrc, src), lub też zmieniać jego style. Efekt rollover Do efektu rollover powinien być stosowany zwykły CSS. Dzięki Javascript nie musimy się ograniczać tylko do sytuacji, gdy obrazek wskazujemy kursorem. Aby podmienić grafikę na inną musimy zmienić atrybut src danej grafiki: Efekt rollower z wcześniejszym załadowaniem obrazków Niestety powyższa metoda ma poważny błąd. Aby załadować grafiki do cache musimy skorzystać z obiektu typu Image, któremu ustawimy odpowiednią właściwość src. MSDN Library. Instrukcje JavaScript.