Kalkulator fliz

Pod adresem https://rafalrebacz.pl/kalkulatory/kafelki/ znajduje się „kalkulator płytek”, który zrobiłem by oszacować koszt materiałów do układania płytek. Robione na szybko ale jakoś działa 😉 i w miarę chęci, możliwości będzie poprawiany. W sumie to powinienem nazwać to kalkulator fliz ale pewnie część ludzi nie wiedziałaby w czym rzecz ;).

Maksymalne wymiary ściany są ograniczone i może być prostokątem. Na chwilę obecną układ płytek jest tylko jeden a wyrównanie tylko do środka ściany tak, że z każdej strony jest płytka do docięcia (widać to na obrazku wizualizującym ścianę).

Sprawdzone w Google Chrome i Firefox i działa, w IE nie sprawdzałem i może nie działać.

Nikomu niepotrzebny skrypt

Jak człowieka najdzie to czasem coś sobie napisze. Tym razem to nikomu nie potrzebny skrypt *.js, który za zadanie ma … rysować kółka. Kolorowe kółka rozmieszczone co kawałek.

Po kliknięciu prawym przyciskiem myszy można zapisać wygenerowany obrazek. Miłej zabawy.

Jeśli ktoś chce to link do skryptu (otwiera się w nowym oknie) -> skrypt w nowym oknie

dżejson

Dżejson jak dżins i kot Dżinks (to tylko tym starszym coś jeszcze mówi ;)) a właściwie to JSON czy JavaScript Object Notation to format, który umożliwia wymianę danych pomiędzy różnymi systemami. Jest znacznie prostszy niż np. XML i podobnie do niego tekstowy. Jest „lżejszy” od XML co ma znaczenie przy przesyłaniu danych. Obsługiwany jest przez wiele systemów (chyba większość języków programowania).
Czytaj dalej dżejson

Wskaźniki od highcharts.

Zostałem wywołany do tablicy więc muszę odpowiedzieć. Jeden z czytelników zasugerował mi użycie biblioteki JavaScript o nazwie HighCharts https://www.highcharts.com. Jako, że zawsze lubiłem wykresiki to postanowiłem się z nią zapoznać. Na pierwszy ogień poszedł wskaźnik czyli „gauge”. By utworzyć sobie taki wskaźnik musimy mieć szkielet naszej strony gdzie wywołujemy odpowiednie skrypty wskaźnika oraz biblioteki jQuery.

Szkielet „czystej strony”:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Wykresy i wskaźniki</title>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    
    <script src="https://code.highcharts.com/highcharts.js"></script>
    <script src="https://code.highcharts.com/highcharts-more.js"></script>
     <script src="https://code.highcharts.com/modules/exporting.js"></script>
     <script src="https://code.highcharts.com/modules/solid-gauge.js"></script>
</head>

<body>
    
</body>
</html>    

Czytaj dalej Wskaźniki od highcharts.