Status serwera
Kiedyś widziałem takie różne fajne ficzery na stronach, które pokazywały czy serwer jest online czy offline. Niektórzy próbowali użycie JS, inni mieli swoje sposoby. Ja dzisiaj sobie o tym przypomniałem i postanowiłem przedstawić swój sposób wykorzystujący CSS.
Na początek wrzućmy gdzieś w kod naszej strony ten fragment:
<div id="online">
<p>Online</p>
</div>
<div id="offline">
<p>Offline</p>
</div>
Później do naszego głównego CSS'a dopiszmy coś takiego:
#online { display: none; }
Teraz trzeba dodać nowy CSS, linkując go bezpośrednio na nasz serwer:
<link rel="StyleSheet" type="text/css" href="http://adres.do.serwera/plik.css" />
Ważne jest, żeby ten link został dodany pod tym do głównego pliku ze stylami. W pliku, który jest na naszym serwerze musimy ustawić display dla #online jako "block", a dla #offline jako "none".
#offline { display: none; }
#online {
display: block;
/ * Reszta wyglądu bloku online */
}
To już jest wszystko. Kiedy nasz serwer będzie online to na naszą stronę załaduje się styl, który "usunie" div'a #offline i wstawi tego #online.
Ważne jest aby adres do naszego serwera był stały. Jeśli mamy zmienne IP to wtedy trzeba pomyśleć nad skorzystaniem z DynDNS lub no-ip. Jest pewna możliwość, że dodatkowy CSS ładowany z innego serwera może opóźnić ładowanie strony, tego akurat nie jestem pewien - nie miałem jak sprawdzić.
Update:
Lepiej, żeby serwer był cały czas online, bo inaczej to rozwiązanie strasznie spowolni proces ładowania strony. Ten artykuł (notkę) proszę w takim razie traktować jako ciekawostkę
Komentarze (e305337)
Albi
Ciekawy pomysł, pod warunkiem że to twój serwer ;)
radmen
Akurat w tym wypadku tu chodzi o nasz serwer [-;
Albi
Chyba sobie wypróbuję
D4rky
To bardzo opóźnia ładowanie strony, która czeka na tego CSSa. Ja używałem onerror przy <img/>.
radmen
Podejrzewam, że to jeszcze zależy od tego jakie łącze ma ten serwer. Akurat w moim przypadku bez problemu ten myk działa, ale podejrzewam, że gdybym coś ściągał to pewnie by zwolniło..
D4rky
radmen – to chyba też zależy od przeglądarki
Albi
Na CSS’a trzeba poczekać, szczególnie kiedy go nie ma. Mimo wszystko ciekawa alternatywa dla ludzi bez JS :)
radmen
Hmm z tym pytaniem to do Riddle’a można się zwrócić ;p
narp
Tyle że ten sposób pokazuje tylko czy serwer HTTP działa ;-)
radmen
Ano masz rację ;-)
night
Ciekawe ;-) Jako że wczoraj napisałem coś bardzo podobnego w PHP – pozwoliłem sobie zlinkować Twój wpis na moim joggerze i zamieścić swój sposób rozwiązania problemu. Pozdrawiam!
radmen
Hehehe, spoko ;-]
blog radmena
Status serwera wykorzystując CSS - podejście drugie
Tym razem będzie krótka notka. Dawniej pisałem o tym jak za pomocą CSS można wyświetlać status serwera (czyli to czy jest offline, czy też online). Niedawno przyszedł mi do głowy nieco inny sposób na wykorzystanie CSSs do tego celu.
Adam®™
Ja gram na tym serwie 200.43.193.111:27020.Ten serw jest fajny na nim są skstra mapy.Polecam ten serw.