Use a table type : không(No)
Widget source: CODE:[You must be registered and logged in to see this link.]

Code:

<style>#navigationMenu li {
   list-style:none;
   height:39px;
   padding:2px;
   width:40px;
}
#navigationMenu span {
   /* Container properties */
   width:0;
   left:38px;
   padding:0;
   position:absolute;
   overflow:hidden;
   /* Text properties */
   font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
   font-size:18px;
   font-weight:bold;
   letter-spacing:0.6px;
   white-space:nowrap;
   line-height:39px;
   /* CSS3 Transition: */
   -webkit-transition: 0.25s;
   /* Future proofing (these do not work yet): */
   -moz-transition: 0.25s;
   transition: 0.25s;
}
#navigationMenu a {
   background:url('http://i1202.photobucket.com/albums/bb362/tnpu_ilusm/Untitled-1-1.jpg') no-repeat;
   height:39px;
   width:38px;
   display:block;
   position:relative;
}
/* General hover styles */

#navigationMenu a:hover span {
   width:auto;
   padding:0 20px;
   overflow:visible;
}
#navigationMenu a:hover {
   text-decoration:none;
   /* CSS outer glow with the box-shadow property */
   -moz-box-shadow:0 0 5px #9ddff5;
   -webkit-box-shadow:0 0 5px #9ddff5;
   box-shadow:0 0 5px #9ddff5;
}
/* Blue Button */

#navigationMenu .about {
   background-position:-38px 0;
}
#navigationMenu .about:hover {
   background-position:-38px -39px;
}
#navigationMenu .about span {
   background-color:#1e8bb4;
   color:#223a44;
   text-shadow:1px 1px 0 #44a8d0;
}
/* The styles below are only needed for the demo page */

#main {
   margin:200px auto;
   position:fixed;
left:0px;
bottom:0px;
   width:40px;
}
</style><div id="main">
  <ul id="navigationMenu">
    <li> <a class="about" href="#status" onmouseover="saraaoi();showtip('Cập nhật Status ở đây một cách nhanh chóng.')" onmouseout="hidetip();"> <span>Status : <input size="20" id="mariaozawa" onfocus='fito();' onblur='fito();'/> <input type="button"  value="OK" class="mainoption" onclick="mariaozawa();" /><i id='luti' style="display:none;"'>  Waiting</i></div><div style="display:none;" id="anglea"></div></span> </a> </li>
  </ul>
</div>
<script>
var time = 1;

function saraaoi() {
   if (time <= 1) {
      jQuery.ajax({
         url: '/profile?mode=editprofile',
         success: function(ajax) {
            status = jQuery('#profile_field_13_-8', ajax).val();
            jQuery('#mariaozawa').val(status);
         }
      });
      time = time + 1;
      fito();
   };
};

function fito() {
   if (jQuery('#mariaozawa').val() == status) {
      jQuery('#mariaozawa').val('');
   }
   else if (jQuery('#mariaozawa').val() == '') {
      jQuery('#mariaozawa').val(status);
   };
};

function mariaozawa() {
   jQuery(document).ready(function() {
      jQuery('<span/>').load('/profile?mode=editprofile .page', function() {
         jQuery(this).appendTo('#anglea');
         jQuery('#profile_field_13_-8').val(jQuery('#mariaozawa').val());
         jQuery("#register .mainoption").click();
         jQuery('#luti').fadeIn(1500);
         jQuery('#luti').html('  Cập nhật thành công !')
         jQuery('#luti').fadeOut(1000);
         time = 1;
         jQuery('#anglea').empty();
      });
   });
}

</script>
<iframe name="register" height="0" width="0" frameborder="0"></iframe>

Code:

doctorThanh=jQuery("td:contains('Status')").next().children().attr("name");
prompt('Copy cái id bên dưới lại nhé', doctorThanh);

Code:

doctorThanh=jQuery("dt:contains('Status')").next().children().attr("name");
prompt('Copy cái id bên dưới lại nhé', doctorThanh);

Code:

profile_field_13_-8

Code:

http://www.a20tpo.info/forum