Kategoria: javascript

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

Powiązane wpisy:

  1. Wskaźniki od highcharts.
  2. Shadow – cień w CSS
  3. Nikomu niepotrzebny skrypt
  4. Slider – zadawanie przez przesuwanie
  5. Strzałki w css

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

Powiązane wpisy:

  1. Ranking popularności języków programowania
  2. SQLite i kilka godzin straconych na poszukiwaniu rozwiazania
  3. SQLite w Visual Studio
  4. WCF – dobieramy się do danych na serwerze
  5. Wykresy? No to może warto użyć Live Charts?

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

Powiązane wpisy:

  1. WCF – dobieramy się do danych na serwerze
  2. „Rysowamy” czyli jak w C# z pomocą GDI+ wykonać wskaźnik.
  3. Programowe dodawanie kontrolek do formy w Windows Forms (VS 2015)
  4. SQLite i kilka godzin straconych na poszukiwaniu rozwiazania
  5. Wykresy? No to może warto użyć Live Charts?

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.

Powiązane wpisy:

  1. Slider w innej postaci – tym razem jQuery
  2. Shadow – cień w CSS
  3. Wskaźniki od Google
  4. SQLite i kilka godzin straconych na poszukiwaniu rozwiazania
  5. Konwencja nazewnicza w bazach danych