Kropka nad „i”

Moje komentarze

Odwrócona lista numerowana

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.

Tagi: JavaScriptJSlista numerowanaCSS

onchange

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

Tagi: JavaScriptJSlista rozwijanaonchange

Znikający formularz w JS

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.

Tagi: JavaScriptJScookieformularz

Kalkulator w JS

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

Tagi: JavaScriptJSkalkulator

onMouseOver

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.

Tagi: JavaScriptJSkalendarzonMouseOver

Kalendarz w JS

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.

Tagi: JavaScriptJSkalendarz

Profesjonalny Hosting

Moje strony
Opowiadania
Różności
Kalendarz

Moje projekty
Lokata
Lottomat
Księga gości
Czat
Moja kawiarnia w JS
Kalendarz w JS
Kalkulator
Kalkulator w JS
Lokata/kredyt
Card Heroes

Archiwum
2021
I
2020
I
II
III
IV
V
VI
VII
VIII
IX
X
XI
XII
2019
I
II
III
IV
V
VI
VII
VIII
IX
X
XI
XII
2018
I
II
III
IV
V
VI
VII
VIII
X
XI
XII
2017
I
II
III
IV
V
VI
VII
VIII
IX
X
XI
2016
I
II
III
IV
V
VI
VII
VIII
IX
XI
XII
2015
I
III
IV
V
VI
VII
IX
X
XI
XII
2014
I
II
III
IV
V
VI
VII
VIII
IX
X
XI
XII
2013
I
II
III
IV
V
VI
VII
VIII
IX
X
XI
XII
2012
I
II
III
IV
V
VI
VII
VIII
IX
X
XI
XII
2011
I
II
III
IV
V
VI
VII
VIII
IX
X
XI
XII
2010
I
II
III
IV
V
VI
VII
VIII
IX
X
XII
2009
I
II
III
IV
V
VI
VII
VIII
IX
X
XI
XII
2008
IX
X
XI
XII



Informacje
PHP: 7.4.13
MySQL: 5.6.50-cll-lve
Wybrane tagi: NTCTrzeciewiecKsiążkiLTEWindows 10
wpisy: 1171 | © 5.09.2008