![]() |
Pasek postepu - Wersja do druku +- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl) +-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www) +--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster) +--- Wątek: Pasek postepu (/thread-pasek-postepu) |
Pasek postepu - kokosz555 - 31-07-2009 Witam Z góry mówię że znam jedynie HTML, wiec proszę jak laikowi ![]() Chciałbym zrobić prostą stronę na własny użytek, jednym z elementów ma być taki pasek postępu: ![]() Po kliknięciu Dodaj jest dodawany jeden punkt, odejmij wiadomo odejmuje jeden. Wraz z wzrostem ilości punktów, niebieski pasek staje się dłuższy aż osiągnie koniec. Ma to być taki motywator dla syna ![]() ![]() RE: Pasek postepu - Labsta.com - 31-07-2009 Html nie wystarczy ![]() Minimum co potrzebujesz to skrypt php, maximum to jeszcze ajax. Gotowca nie mam, ale mogę wytłumaczyć Ci filozofię. Pasek robisz dzięki CSS (http://cssglobe.com/post/1272/pure-css-data-chart) W php: -czytasz plik w którym jest zapisane max, ilość pkt -sprawdzasz czy było dodanie czy odjęcie -dodajesz lub odejmujesz ze sprawdzeniem czy nie został osiągnięty max -aktualizujesz plik z max, ilość pkt -liczysz % -generujesz w html pasek postępu, formularz dodaj/odejmij i % lub "Gratulacje wygrałeś ![]() |