Kalkulator

Opublikowano: 30 maj 2016

Andrzej Bąk

Kategoria: Porady

Prosty kalkulator oparty na formularzu

Na chwilę obecną poprawnie działają cztery podstawowe działania matematyczne: dodawanie, odejmowanie, mnożenie i dzielenie. Zwróć jednak uwagę, że kalkulator działa poprawnie tylko wtedy kiedy wpisywane działanie matematyczne jest postaci [liczba1] [działanie][liczba2] [=]. Poprawny jest więc zapis 3.4 + 2.71 = . Kalkulator nie zadziała poprawnie jeśli wpiszemy np. następujące działanie: 2.5 + 4.5 - 3.5 / 2 =

Zmiana koloru tła formularza

W kolejnym kroku skrypt kalkulatora został wzbogacony o możliwość wyboru szablonu graficznego. Zostało to zrealizowane poprzez podmianę arkusza styli opisującego kalkulator (działanie podobne jak w przykładzie omawianym na zajęciach).

Opis formularza 1

Zwróć uwagę, że wybranie koloru za pomocą przycisków "kolor 1" lub "kolor 2" nie jest trwałe. Jeśli po zmianie koloru rozpoczniemy liczenie na kalkulatorze kolor tła wraca do ustawień początkowych (srebrne)

Takie działanie tej funkcji wynika z właściwości zmiennych przechowywanych w tablicy $_GET[' ']. W tablicy takiej zmienna $_GET['kolor'] (w której przechowywana jest informacja o wybranym kolorze) istnieje tylko wtedy jeśli w formularzu istnieje przycisk "Wybierz" () i np. co najmiej dwa pola typu "radio" ( ) o nazwie name="kolor" z dodanym opisem np. "Wybierz kolor 1", "Wybierz kolor 2" ).

W omawianmym przykładzie kalkulatora - każdy przycisk z cyfrą lub działaniem jest osobnym formularzem. Dlatego naciśnięcie dowolnego przycisku (np. z cyfrą "4") powoduje wysłanie na serwer tylko i wyłącznie zmiennej o nazwie $_GET['4']. Na serwer nie jest wtedy przesyłana zmienna $_GET['kolor'] - ponieważ jest ona umieszczona w innym formularzu. Dlatego "serwer" nie "wie" jaki arkusz styli powinien wczytać i kolor tła kalkulatora "znika". Przeanalizuj jednak działanie drugiego formularza do zmiany kolorów. Tu zmiana kolorów działa już poprawnie

Opis formularza 2

W drugim formularzu uzyskano już taki efekt jaki zamierzono. Na serwerze oprócz tablicy $_GET[' '] która jest tworzona automatycznie przy wysyłaniu formularza można utworzyć tablicę o nazwie $_SESSION[' ']. W tablisy "sesyjnej" można przechowywać zmienne przez cały okres trwania sesji. Zmienne takie są przechowywane nawet wtedy gdy zmienimy aktualnie wyświetlaną stronę na inną a później znów wrócimy do danej strony. Sprawdź, że po wybraniu koloru z wykorzystaniem drugiego formularza odwiedzenie innych stron serwisu a następnie powrót do strony z kalkulatorem powoduje że dokonany wcześniej wybór koloru zostaje zachowany.

O tworzeniu sesji i posługiwaniu się zmiennymi sesyjnymi możesz przeczytać na stronie obsługa sesji. Informacje zawarte na podanej stronie w zupełności wystarczą do zaprojektowania takiego formularza zmiany kolorów, który będzie działał tak jak mój formularz 2.

Fragmenty kodu HTML kalkulatora wraz z opisem:

Fragment kodu PHP podłączającego odpowiednie arkusze styli - oba przypadki, tzn. trwałego i nietrwałego podłączenia arkuszy.

Wstęp do baz danych

Kalkulator

Prosty kalkulator oparty na formularzu

Zmiana koloru tła formularza

Opis formularza 1

Opis formularza 2

Nowe materiały

Popularne