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ę

14 Responses to “Status serwera”

  1. Albi March 17, 2007 at 11:13 pm #

    Ciekawy pomysł, pod warunkiem że to twój serwer ;)

  2. radmen March 17, 2007 at 11:13 pm #

    Akurat w tym wypadku tu chodzi o nasz serwer [-;

  3. Albi March 17, 2007 at 11:13 pm #

    Chyba sobie wypróbuję

  4. D4rky March 17, 2007 at 11:13 pm #

    To bardzo opóźnia ładowanie strony, która czeka na tego CSSa. Ja używałem onerror przy <img/>.

  5. radmen March 17, 2007 at 11:13 pm #

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

  6. D4rky March 17, 2007 at 11:13 pm #

    radmen – to chyba też zależy od przeglądarki

  7. Albi March 17, 2007 at 11:13 pm #

    Na CSS’a trzeba poczekać, szczególnie kiedy go nie ma. Mimo wszystko ciekawa alternatywa dla ludzi bez JS :)

  8. radmen March 17, 2007 at 11:13 pm #

    Hmm z tym pytaniem to do Riddle’a można się zwrócić ;p

  9. narp March 17, 2007 at 11:13 pm #

    Tyle że ten sposób pokazuje tylko czy serwer HTTP działa ;-)

  10. radmen March 17, 2007 at 11:13 pm #

    Ano masz rację ;-)

  11. night March 17, 2007 at 11:13 pm #

    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!

  12. radmen March 17, 2007 at 11:13 pm #

    Hehehe, spoko ;-]

  13. blog radmena March 17, 2007 at 11:13 pm #

    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.

  14. Adam®™ March 17, 2007 at 11:13 pm #

    Ja gram na tym serwie 200.43.193.111:27020.Ten serw jest fajny na nim są skstra mapy.Polecam ten serw.