Kropka nad „i”

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.

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ą.

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.

19.XII

Postanowiłem zmienić ustawienia i zakwalifikować projekt kalendarza jako moja strona. Zmiana nie polega tylko na zmianie miejsce w menu ale głównie na dodaniu subdomeny kalendarz. Dla postronnych osób kalendarz wygląda ubogo ale po wpisaniu hasła okazuje się że jest rozbudowany o kilka stron. Znajdują się tam przydatne dla mnie informacje a dodawanie/kasowanie jest wygodne (za pomocą formularza).