note

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <style>
.pesan{
    background: white;
    position: fixed;
    right: 0;
    margin:0 10px;
    padding: 10px;
    bottom: -1000px;
}
.openDialog{
    position:fixed;
    bottom:1px;
    right:10px;
    cursor:pointer;
}
.closeDialog{
    float:right;
    width:50px;
    height:50px;
    cursor:pointer;
}
.entry p
{
    padding:5px 10px;
}
  </style>
<script type="text/javascript" src='jquery.js'></script>
<script type="text/javascript">
<!--
$(document).ready(function() {
    $(".butUpdate").click(function(){
        var d = new Date();
        var n = d.getTime();
        $(".time").val(n);
        data2=$(".formUpdate").serialize();
        console.log('data='+ data2);
        return false;
    });
    $(".openDialog").click(function(){
            $(".pesan").hide();
            $(".pesan").css('bottom',10);
            $(".pesan").slideDown("slow",function() {
                $(".openDialog").hide();
             });
    });

    $(".closeDialog").click(function(){
        $(".pesan").slideUp("slow",function() {
                $(".openDialog").show('slow');
             });
    });

});
//-->
</script>
 </head>

 <body>
 <div class='openDialog'>Klik to Open</div>

  <div class='pesan'   ><div class='closeDialog'>Close</div>
<div>Selamat Datang</div>
<div>
<form class='formUpdate'>
  <br/><input type=text name='tipe' />
  <br/><input type=text name='detail' />
  <input type=hidden name='time' class='time' />
  <br/><input type=button value='update'
  class='butUpdate' />
</form>
</div>
<div>update terakhir xxxxx
</div>
  </div>
   <div style='background:lightblue;width:600px'><div class="entry">

                <!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>Quo cu latine adipisci urbanitas, primis labore ex mel. Ne pri eros affert, vel id error bonorum, in pri diam nostrud vulputate. Sea ex agam justo fierent. Quis detraxit disputationi vel ei, at feugait rationibus vix. Libris option accusata nec ad, ius an partiendo definiebas, id duis utinam oportere eos. Sumo ullum no has.
</p><p>
Ius ut purto prima facete, vim ut evertitur adversarium, at eos habemus explicari. Duo autem viris omnes ut. Cu paulo munere admodum vis. In usu duis facer utamur, cum ea utamur regione dissentias, nonumy euismod salutandi vel id. Ridens nostrum vix ea, assentior quaerendum an sit.
</p><p>
Sed ea labore similique scripserit, cu probo albucius eum, tale iuvaret deserunt no eam. Quod postulant reprehendunt sea ex, cu agam scriptorem efficiantur pro. Scripta liberavisse ad eam. His numquam elaboraret id, dicta gubergren nec an, ne pri idque semper consequuntur. Vel ne singulis assentior concludaturque, nemore labitur molestiae sea ne.
</p><p>
Possim perfecto in mel. Te ius everti vivendum, eruditi fuisset temporibus sit ne, id tota definiebas mel. Cu qui lucilius dignissim. Ne pro exerci invidunt, mei dicta qualisque mnesarchum no. Mel te rebum detracto urbanitas, vel an quidam philosophia.
</p><p>
Ex mel etiam nominati, natum pertinax disputationi ei cum, est elitr reprehendunt cu. Detracto delicata id nec, possit habemus ea sea. Vide dicant ponderum ius id, vis te modo nibh theophrastus. An eos aliquam consectetuer, eum te prima eirmod. Facete inimicus nam id, falli affert postea per no, qui an zril indoctum dissentias.
</p><p>
Urbanitas accommodare vis ei. Mea dicant nemore consequat ea. Feugiat scribentur ut qui. Ex cum euismod appetere, sint eros no sed. Ludus imperdiet referrentur ex vix, quo regione perfecto ad, duo et justo tation inermis.</p>

 </div>
 </body>
</html>