サーバー ベース スクリプト [PHP/ASP] と、クライアント側で AJAX を使用する JavaScript が必要です。
Javascript jQuery のライブラリ (http://jquery.com/) を使用できます。時間を節約できる強力なライブラリです。
Html は次のようになります。
<div class='serverstatus'></div>
PHPの場合、次のような小さなスクリプトを作成する必要があります
$host = 'Your IP';
$port = your.port;
//here you define the Server Info [IP/PORT]
$timeout = 1;
//You open a connection to that ip on that port and check if responding or not
$handler = fsockopen($host,$port,$errcd,$errstr,$timeout);
if($handler){
echo "1";
} else {
echo "0";
}
fclose($handler);
これは JavaScript 用の PHP ファイルです。
アヤックスだろう
setTimeout(function() {$.ajax({
url:'phpfile.php',
type: 'GET',
success: function(data){
if (data == "1") {
$(".serverstatus").html("Online");
}
else if (data == "0") {
$(".serverstatus").html("Offline");
}
else {
$(".serverstatus").html("Undefined");
}
}
});},600000);
jQuery ライブラリが必要です。
ご存じのとおり、Cascading Styled Sheet と呼ばれる CSS は、デザイン目的でのみ使用されます。CSS では、スクリプトを作成することはできず、ページのスタイルを設定することしかできません。HTMLはHTMLコンテンツの作成に使用されますが、そのようなものには使用されません
このためには、外部 Source 間の「接続部分」の PHP または ASP と、ライブ更新用の JavaScript を学習する必要があります。