Na stronce którą podałeś jest to zrobione ciut dziwnie ale cóż

co do kodu w php'ie
To generujesz sobie albo listy
<ul>
<li>Online</li>
<li class="ofline">Offline</li>
<li>Online</li>
</ul>
i tam sobie odpowiednio stylujesz zeby łądnei wygladalo [np spany o okreslonej szerokosci]
Lub robisz jak an stronei którą podałeś tableki

<table>
<tr><td>Online</td></tr>
<tr class="offline"><td>Offline</td></tr>
<tr><td>Online</td></tr>
</table
i pozniej w zleznosci od tego czy uzywasz frameworka jQuery[lub innego], czy czystego js robisz sobie lick z onclickiem do zmiany atrybutu dispaly dla elementow z classą offline

w jQuery wygladalo by to mniej wiecej tak:
$(document).ready(function(){
$("#id_linku_do_togglowania").click(function(){
$(".offline").toggle();
});
});
oczywiscie kod psiany z reki i nie testowany wiec musial bys sie pobawic ^^