Kropka nad „i”

19.XII

Często na stronach mamy listę którą mamy ponumerowaną, jest to banalna sprawa do zrobienia. Problem się zaczyna gdy chcemy numerować od największej liczby do najmniejszej czyli odwrotnie niż zazwyczaj mamy. Tutaj przychodzi nam z pomocą wpis w CSS counter-reset, sami ustalamy numer od którego ma numerować oraz możemy dopisać czy numeruje + czy -. Zagadnienie ogarnąłem ale pojawił się kolejny problem, jako że lista to wykaz który jest rozszerzany przez dodawanie wpisów do bazy danych powoduje że nie sposób z góry określić ile elementów ma dana lista. Tutaj z pomocą przychodzi JS (zapewne za pomocą PHP też można to rozwiązać ale JS idealnie się do tego nadaje). W locie policzyłem elementy listy i wpisałem określoną liczbę w CSS. Przyznam się że działa to dokładnie jak chciałem tzn. po dodaniu elementy listy do bazy danych automatycznie w JS liczy wszystkie elementy i daną wartość wpisuje w CSS.

15.XII

Krok za krokiem idzie nauka JS... to za duże słowo NAUKA, raczej takie tyci nauka bez wyraźnej potrzeby. onchange odpowiada za wybór z kliknięciem na listę rozwijaną, możliwe że też do czegoś innego można tego użyć ale ja akurat miałem taką potrzebę. Umieściłem swój kolejny mini projekt lokata/kredyt, za pomocą formularza można obliczyć odsetki od lokaty lub kredytu. Naturalnie jak to jest w JS wszystko działa w tzw. locie. Już widzę potencjalne korzyści wykorzystania tego, można zaoszczędzić miejsce na stronie i zrobić obsługę bardziej intuicyjną.

2.XII

Mam swój kalendarz gdzie zapisuje swoje dane, wydarzenia. Kalendarz wymaga formularza do wysyłanie danych, czasami formularz bywa dosyć rozbudowany (zależnie od podstrony). Jako że staram się utrzymać porządek na swoich stronach, to postanowiłem zrobić aby formularz można było ukrywać gdy nie jest potrzebny.
Zabieram się do roboty, wpierw chciałem zobaczyć czy to jest możliwe... oczywiście jest to możliwe ale że w JS jestem bardzo początkujący to nie chciałem za pierwszym podejściem robić nie wiadomo czego. Zrobiłem dwa przyciski (w JS przyciskiem może być każdy element strony, u mnie jest to span) włącz/wyłącz, przycisk generuje ciasteczko (cookie) bądź je kasuje. Wszystko działa, postanowiłem iść dalej i te dwa przyciski połączyć w jeden. Po pewnym czasie udało mi się to zrobić. Kolejnym krokiem który sobie zamarzyłem zrobić to formularz który po ustalonym czasie sam znika.
W końcu i to udało mi się zrobić, wszystko na pierwszy rzut oka działało, jednak przy przechodzeniu między podstronami licznik startował od nowa a formularz znikał według danych zapisanych na początku czyli wszystko się rozjeżdżało co czyniło taki licznik bezużytecznym. Tutaj jednak wyniknął problem, brakowało mi wiedzy jak to rozwiązać aby licznik chodził dalej a nie startował od nowa przy przejściu na inną podstronę. Napisałem prośbę o pomoc na pewnym forum, między czasie zaczynał mi kiełkować pewien pomysł po przejrzeniu parunastu stron z różnymi poradami. Dostałem na forum odpis na moją prośbę, to co już wcześniej zacząłem podejrzewać się potwierdziło. Problem trzeba obejść bo bezpośredniego rozwiązanie NIE MA. Zabrałem się za czytanie o localStorage, jest to rodzaj podręcznej pamięci przeglądarki którą można wykorzystać za pomocą JS. Wreszcie wszystko zostało zrobione i formularz znika kiedy ja chcę i przemieszczanie się po stronie nie powoduje resetowanie się licznika a licznik chodzi sobie dalej.
Po przetestowaniu wszystkiego wynikł pewien problem ale w kilka minut problem został rozwiązany.

27.X

Od jakiegoś czasu usiłuje się czegoś nauczyć w JS. Zrobiłem kiedyś kalendarz w JS a teraz przyszedł czas na kalkulator w JS. Przyznam się że zajęło mi to dużo więcej czasu niż planowałem. PHP i JS są dosyć podobne do siebie i powinienem to zrobić dosyć szybko patrząc na mój kalkulator w PHP ale chciałem zrobić inną mechaniką. Patrząc na strukturę kodu to już na pierwszy rzut oka widać że zmiany są. Powiem więcej, kod jest mniejszy, czystszy... ogólnie to czegoś nowego się nauczyłem a przecież o to mi chodziło. Poza tym kalkulator robi się w JS, PHP nie jest do takich rzeczy stworzony... choć naturalnie da się to zrobić.

9.X

Patrząc na strony www można pomyśleć że to nic trudnego, że z pewnością są programy do budowy stron. Edytory naturalnie są dostępne i to czasami bardzo dobre, jednak "rasowy" twórca strony zna chociaż podstawy żeby umiał w razie czego coś poprawić.
Obecnie do budowy stron używa się 5 języków, HTML to szkielet strony. CSS odpowiada za wygląd strony, znajomość HTML i CSS to absolutne minimum. Dalej idą tzw. języki skryptowe, PHP i JS (służą do wszelkich interakcji na stronie), różnica zasadnicza jest taka że PHP jest realizowany na serwerze gdzie jest nasza strona. Natomiast JS jest wbudowany w naszą przeglądarkę, obojętnie czy to np. Firefox czy Chrome. Oba języki są do siebie podobne, komendy jak i działanie jest podobne, nie oznacza to jednak że znając jeden język to automatycznie znamy też drugi. Ostatnim językiem jest MySQL, odpowiada on za przechowywanie naszych danych, wszelkich wpisów, notatek (np. na tym blogu wszystkie wpisy). Mieszanka tych pięciu języków tworzy nowoczesną stronę... naturalnie wystarczy sam HTML oby coś powstało ale będzie to dalekie od tego co można nazwać stroną. Moim zdanie znajomość HTML, CSS i PHP już pozwala na stworzenie czegoś ładnego, co będzie niejako "żyć".
Na tym blogu są użyte wszystkie języki, w JS jest zrobiony tylko zegar.

8.X

Zrobiłem dodatkową funkcje w moim kalendarzu, jest to do zrobienia w PHP ale takie rozwiązanie nie ma sensu gdyż PHP aby zadziałało wymaga przeładowania strony. JS jest wbudowany bezpośrednio w przeglądarkę, rzeczy które... mają coś pokazywać w działać w tzw. locie jest dobrze zrobić w JS
Zeszło mi siedzenie nad tym kilka dni, zasugerowałem się bardziej eleganckim rozwiązaniem które znalazłem w Internecie. Nie mogłem ruszyć z miejsca, niby coś tam działało ale nie do końca tak jak miało, zdenerwowałem się i zrobiłem to może mniej elegancko ale ważne że działa. W moim kalendarzu można dopisywać wydarzenia do poszczególnych dni, które następnie są widoczne poniżej kalendarza. Zrobiłem tak że po najechaniu kursorem na dane wydarzenie poniżej kalendarza, zaznacza się dana data na kalendarzu. Nie było to aż tak potrzebne bo przecież data danego wydarzenia jest obok napisana ale efekt wyglądać dosyć spektakularnie.

20.IX

Z ciekawości zrobiłem kalendarz w JS, link obok. Kalendarz w JS można bezpośrednio otworzyć u siebie na komputerze bez specjalnego dodatkowego programu (PHP/MySQL takowy wymagają). Kalendarz działa, jednak zapis notatek na dany dzień bezpieczniej i wygodniej jest zrobić w MySQL. Jeżeli komuś się podoba to może zabrać kod i sobie dowolnie przerabiać.
Kalendarz mogłem rozbudować ale nie chcę mi się nad tym siedzieć, wiem że i tak nie będę z niego korzystał. Na swoje potrzeby mam zrobiony w PHP/MySQL.

17.IX

Jak może niektórzy się orientują to nie sposób zrobić zegara w php tzn. można ale jest to bardzo uciążliwe i może nie działać jak chcemy. Lepiej zegar zrobić w JavaScript, gotowych kodów do zegara jest mnóstwo.
Jako że trochę już JS znam to postanowiłem sprawdzić czy mi się uda ta sztuka. Jak widać udało mi się zrobić zegar i nawet chodzi. Kolejny mały kroczek do poznania JS zrobiony.

19.VII

Można uznać że dzisiejszy dzień jest przełomowy ;)
Napisałem pierwszy skrypt w JS w moim życiu... może nie tak dokładnie ale trzeba od czegoś zacząć. Mój projekt kalendarza bardzo się rozbudował, może tego nie widać ale po podaniu hasła jest kilka zakładek. Dzisiaj doszła funkcja o której myślałem jakiś czas ale nie wiedziałem jak za to się zabrać. Jest tam formularz z którego dodaje różne wydarzenia, wpisywanie daty ręcznie było mało profesjonalne. Od teraz wystarczy kliknąć odpowiednią datę i data zostanie przesłana do formularza i odpowiednich pól. Wiem że to nic spektakularnego ale ja jestem zadowolony że w jakimś stopniu udało mi się zgłębić zawiłości JS.

19.IX

Co prawda bbcode dodałem wczoraj, ale dziś zrobiłem to na JavaScript. Jestem dumny że mi się to udało po dwóch godzinach siedzenia nad tym :) Podaje instrukcje obsługi, kliknij w np. [ b ] a taki znak pojawi się w formularzu do komentowania. Spowoduje to pogrubienie tekstu (nie zapomnij o zamknięciu przez [ /b ] inaczej cały komentarz będzie pogrubiony). To była instrukcja obsługi dla blondynek :P