Instalacja wskaźników w Cumulusie

[Areecki]

Witam - jestem w trakcie drobnych poprawek na stronie ( głównie tłumaczenie nowej wersji )
I natrafiłem na ciekawe wskaźniki na stronie zamiast tych nudnych obecnych.
Chciałbym je zainstalować. Ale nie wiem czy mi się uda. Bo na samym początku piszę, że strona musi
być zakodowana w HTML5, a ja nie mam zielonego pojęcia czy moja strona taka jest.
Moje obecne wskaźniki obecnie wyglądają tak :
http://areecki.ihq.pl/pogoda/gauges.htm
Wskaźniki na które chce zmienić wyglądają tak :
http://wiki.sandaysoft.com/a/File:Steelseries-sshot-1.jpg
http://wiki.sandaysoft.com/a/SteelSeries_Gauges - instrukcja po angielsku
http://translate.google.com/translate?sl=en&tl=pl&js=n&prev=_t&hl=pl&ie=UTF-8&eotf=1&u=http%3A%2F%2Fwiki.sandaysoft.com%2Fa%2FSteelSeries_Gauges - po polsku tłumaczona translatorem.

Czy ktoś spróbuję to zainstalować ?

Udało mi się zainstalować : http://areecki.ihq.pl/pogoda/gauges-ss.htm
Ale i tak coś powaliłem z plikami bo przy wysyłaniu kasuje mi plik za każdym razem.

[DominikG]

Ja na swojej stronie od dawna mam te nowe* wskaźniki    Zobacz sobie http://www.pogodaradlin.pl/gauges-ss.htm
Nie jest trudne zainstalowanie ich, wystarczy znać chociaż podstawy angielskiego, ja nic nie zmieniałem z tym html5.

*Wersja 1.6.6 z 2012-03-19

edit: Jaki plik Ci kasuje ? Może masz zaznaczone "delete before upload" ?

[Mark]

Faktycznie, ładnie wyglądają. Będę musiał też swoje zaktualizować

Areecki, dlaczego masz taką niską wilgotność 21% ? Próbowałeś dodać skrypt z warunkami pogodowymi do bannera? Możnaby zamiast tej ikonki np. nad temperaturą dodać sam opis warunków, np. 'pochmurno'. Też by to dobrze wyglądało

[Areecki]

Skopiowałem coś nie potrzebnego bo rozwaliło mi stronę ( poszerzyło wszystko )
I znikła mi moja tapeta. Wie ktoś gdzie to przywrócić ?

[DominikG]

Sprawdź plik ze stylami w css

edit: Chyba już wszystko jest ok ?

[Areecki]

Tak teraz chciałbym zmieć nieco wskaźniki ( a raczej ustawić manualnie zakres wskazań )
Lub zmienić zakres automatycznego scalania.
Od tego jest plik gauges.js
Otworzyłem go i jest możliwość zmiany min/max w sekcji :

Kod: [Zaznacz]

//Gauge global look'n'feel settings
        gauge = {
            minMaxArea             : 'rgba(212, 132, 134, 0.3)', //area sector for todays max/min. (red, green, blue, transparency)
            windAvgArea            : 'rgba(132, 212, 134, 0.3)',
            frameDesign            : steelseries.FrameDesign.TILTED_GRAY,
            background             : steelseries.BackgroundColor.BEIGE,
            foreground             : steelseries.ForegroundType.TYPE1,
            pointer                : steelseries.PointerType.TYPE8,
            pointerColour          : steelseries.ColorDef.RED,
            gaugeType              : steelseries.GaugeType.TYPE4,
            lcdColour              : steelseries.LcdColor.STANDARD,
            knob                   : steelseries.KnobType.STANDARD_KNOB,
            knobStyle              : steelseries.KnobStyle.SILVER,
            labelFormat            : steelseries.LabelNumberFormat.STANDARD,
            tickLabelOrientation   : steelseries.TickLabelOrientation.HORIZONTAL, // was .NORMAL up to v1.6.4
            rainUseSectionColours  : false,                                       // Only one of these colour options should be true
            rainUseGradientColours : false,                                       // Set both to false to use the pointer colour
            tempTrendVisible       : true,
            pressureTrendVisible   : true,
            uvLcdDecimals          : 1,
            // default gauge ranges - before auto-scaling/ranging
            tempScaleDefMinC       : -15,
            tempScaleDefMaxC       : 10,
            tempScaleDefMinF       : 0,
            tempScaleDefMaxF       : 100,
            baroScaleDefMinhPa     : 990,
            baroScaleDefMaxhPa     : 1030,
            baroScaleDefMinkPa     : 99,
            baroScaleDefMaxkPa     : 103,
            baroScaleDefMininHg    : 29.2,
            baroScaleDefMaxinHg    : 30.4,
            windScaleDefMaxMph     : 20,
            windScaleDefMaxKts     : 20,
            windScaleDefMaxMs      : 10,
            windScaleDefMaxKmh     : 30,
            uvScaleDefMax          : 16
        },
// default gauge ranges - before auto-scaling/ranging
            tempScaleDefMinC       : -15,
            tempScaleDefMaxC       : 10,
Ale gdzieś jest włączone auto-scalanie na podstawię obecnej temperatury i podejrzewam jeszcze minimalnej . Cały kod można obejrzeć pod tym linkiem.

http://wklej.org/id/909524/?hl=java

A co do wilgotności to coś psuje się czujnik bo faktycznie jest za niska.
Nie wiem czy zrobić restart czujnika temperatury na zewnątrz czy co.

[Mark]

Mam swoją stronę ze wskaźnikami
http://pogodaslesin.ugu.pl/gauges-ss.html

Niestety pojawia się jakieś A przy znaku stopnia i nie mam już siły tego szukać i poprawiać...

[DominikG]

Też mam problem z tym A i nie wiem dlaczego on się pojawia

[kriu]

Niestety pojawia się jakieś A przy znaku stopnia i nie mam już siły tego szukać i poprawiać...

Wydaje mi się, że za to A odpowiedzialny jest znaczek stopnia - czyli to kółeczko.
Być może tak jest ponieważ ten znaczek nie jest z podstawowej palety symboli na klawiaturze (a np. % jest).
Zresztą pojawia się to wszędzie - w tych miniaturach także.
Zastąp na próbę to czymś innym np. st.

[Areecki]

Musimy wspólnie rozpracować ten skrypt.
Dlaczego u mnie nie działają wykresy ? Trzeba coś doinstalować ?

[Mark]

Stopnie Celsjusza są zdefiniowane jako °C

Znajdźcie w pliku gauges.js ten zapis stopnia i zamieńcie na * (na przykład). Zadziała. Wystarczy tylko w tym jednym miejscu zmienić:

Kod: [Zaznacz]

  // clean up temperature units - remove html encoding
                if (data.tempunit.length > 1) {
                    // clean up temperature units - remove html encoding
                    // using old format realtimegaugesT.txt
                    data.tempunit.replace('°', '*');
                } else {
                    // using new realtimegaugesT.txt with Cumulus > 1.9.2
                    data.tempunit = '*' + data.tempunit;
                }
bo tak poza tym to znaki stopnia się dobrze wyświetlają. Areecki ma dobrze wyświetlane stopnie, więc błąd się pojawia po wprowadzeniu tłumaczenia albo kodowania znaków.

Ja mam problem też z kodowaniem znaków. Musiałem użyć ISO-8859-2 dla pliku html, żeby dobrze wyświetlała się nazwa stacji (miejscowość), ale za to teraz tekst do prognozy Cumulusa nie wyświetla polskich znaków...
No i nadal nie wiem w którym pliku jest zdefiniowany ten znak stopnia C w wyświetlaczu róży wiatru, bo też tam jest to A...

[DominikG]

Niedawno zaktualizowałem wskaźniki do najnowszej wersji, nie mam już problemów z pojawiającym się A.
W załączniku jest moje tłumaczenie (nie odpowiadam za błędy w słówkach) wskaźników na j. polski wystarczy podmienić plik w folderze scripts (do wersji 2.0.3 - 2013-01-15)

[pernaczy]

Nie jest trudne zainstalowanie ich, wystarczy znać chociaż podstawy angielskiego, ja nic nie zmieniałem z tym html5.

No cóż, z angielskim sobie radzę ale czasami (zwłaszcza jak się nie ma wiedzy z innych dziedzin) to nie wystarcza. Przeczytałem (może jednak bez zrozumienia) stosowny tekst na "wiki" (http://wiki.sandaysoft.com/a/SteelSeries_Gauges ) i muszę zadać trywialne pytanie: Co to jest "relative path"?
Jeśli mam stronę na serwerze w katalogu /domains/pogoda-niesiolowice.kaszuby.pl/public_html (całość strony tzn. katalogi dbimages, images, i wszystkie pliki) to jaki będzie "relative path" do:

- katalog z grafikami "trends" (rozumiem że chodzi o katalog "images" gdzie są wszystkie pliki .png)
- old "gauges" page (rozumiem że chodzi o plik "gauges.htm")

cytat z tekstu na wiki:

" If required edit the "gauges.js", the key items are at the top:
The path on your website to the "realtimegauges.txt" file.
- The relative path on your website to your 'trend' graphs folder.
- The relative path on your website to your old 'gauges' page. (users with 'old' browsers will be redirected to this:"

Dlaczego jest "If required"? W jakim przypadku nie trzeba edytować pliku "gauges.js"?
Jak powinny być wpisane te "path i relative path" w skrypcie "gauges.js"? (czy w takiej formie jak wsazałem na poczatku lokalizację plików na stronie?)
Sorry za mnóstwo wątpliwości ale być może w pewnym wieku (moim) inteligencja spada się do poziomu "przeciętnie upośledzonego pitekantropusa" (a szarych komórek coraz mniej) i trzeba się posiłkować wiedzą mądrzejszych.

[DominikG]

Ja mam skonfigurowane to tak :

Kod: [Zaznacz]

imgPathURL        : '/images/',           
oldGauges         : 'gauges.htm',


Relative Paths:

Are just that, they specify where something is on your web site folder structure relative to the page you are currently displaying. So if you copy these gauges to a folder called 'gauges-ss' in the root of your website, the relative path of the Cumulus css file is one folder back in the path. You would then enter the path as "../weatherstyle.css".

[pernaczy]

Dziękuję. Zadziałało. Znowu się czegoś nauczyłem i dzień nie jest bezpowrotnie stracony. Teraz jeszcze "zrobić" to po polsku i nie będzie źle.