<HTML>

<HEAD>
<TITLE>Test bufora po stronie klienta</TITLE>
<style>
   body,table,select { font-size: 12px; }
</style>

<script language="javascript" src="/cache_hack/xhr.js"></script>
<script language="javascript" src="/cache_hack/limited_cache.js"></script>
<script language="javascript" type="text/javascript">

function get_data () {

   var lbPlanets = document.getElementById("lbPlanets");

   async_cmd ("/cgi-bin/cache/planets.cgi?", 
      "p=" + lbPlanets.value, 
      "divAnswer");

}

</script>

</HEAD>

<BODY>
<center>
<b>Buforowanie zawartoci po stronie klienta</b><p>

<table style="border: 1px solid gray;" cellpadding="5" cellspacing="0" width="95%">

<tr>
   <td width="35%" bgcolor="#f0f0f0" valign="top">
      <form id="frmMain">
         Prosz wybra planet:
         <select id="lbPlanets" onChange="get_data();">
            <option value="mercury">Merkury</option>
            <option value="venus">Wenus</option>
            <option value="earth">Ziemia</option>
            <option value="mars">Mars</option>
            <option value="jupiter">Jowisz</option>
            <option value="saturn">Saturn</option>
            <option value="uranus">Uran</option>
            <option value="neptune">Neptun</option>
            <option value="pluto">Pluton</option>
         </select>
      </form>

      <div id="divAnswer">
         &nbsp;
      </div>
   </td>

   <td width="65%" bgcolor="#c0c0c0" valign="top">
      Zawarto bufora (najstarsza w pierwszej kolejnoci):<p>
      <div id="divCacheContents">
         <b>Bufor jest pusty.</b>
      </div>
   </td>
</tr>

</table>

</center>
</BODY>

</HTML>
