Disabling Auto-Complete on ASP.NET Forms

To turn off auto-complete for your entire form, all you need to do is add an attribute to your form tag, like this:

<form id="Form1" method="post" runat="server" autocomplete="off">

The HTML INPUT tags also support the use of autocomplete=off and since the control renders as INPUT tags then you can use it to set it on a control by control basis. Just add it to the TextBox at design-time (but note that VS.NET will underline it with a squiggly saying that textbox does not have an attribute for autocomplete - but it will still work):

<asp:TextBox Runat="server" ID="Textbox1" autocomplete="off"></asp:TextBox>

or at runtime:

Textbox1.Attributes.Add("autocomplete", "off");

Top web developer's tools

1. Browser Emulators including IE 7, IE 6, IE 8, Firefox 2 , Firefox 3, Chrome, Opera and Safari 3

2. Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

3.OverlayComp allows you to overlay a design comp onto a page so that the CSS formatting and layout can be ensured to be pixel-perfect.

Changing window.location in IE 6

You are annoyed by the strange behavior if IE 6 ? I'm sure you are. Let;s take a look to the latest strange thing that i found. For some crazy reason, IE 6's javascript engine doesn't want to redirect me to a new URL by simply changing the window.location or window.location.href properties:

var newUrl = "http://someurl/";
//Those will not work
window.location = newUrl;
window.location.href = newUrl;

But(surprise), the following code which is stupid and shouldn't make a difference do the work!
var newUrl = "http://someurl/";
setTimeout(function()
{
window.location = newUrl;
}, 0);

Truncate a string to fit within a given pixel width.

  function fitStringToWidth(str,width,className) 
  {
  // str    A string where html-entities are allowed but no tags.
  // width  The maximum allowed width in pixels
  // className  A CSS class name with the desired font-name and font-size. (optional)
  // ----
  // _escTag is a helper to escape 'less than' and 'greater than'
  function _escTag(s){ return s.replace("<","<").replace(">",">");}
 
  //Create a span element that will be used to get the width
  var span = document.createElement("span");
  //Allow a classname to be set to get the right font-size.
  if (className) span.className=className;
  span.style.display='inline';
  span.style.visibility = 'hidden';
  span.style.padding = '0px';
  document.body.appendChild(span);
 
  var result = _escTag(str); // default to the whole string
  span.innerHTML = result;
  // Check if the string will fit in the allowed width. NOTE: if the width
  // can't be determinated (offsetWidth==0) the whole string will be returned.
  if (span.offsetWidth > width) {
    var posStart = 0, posMid, posEnd = str.length, posLength;
    // Calculate (posEnd - posStart) integer division by 2 and
    // assign it to posLength. Repeat until posLength is zero.
    while (posLength = (posEnd - posStart) >> 1) {
      posMid = posStart + posLength;
      //Get the string from the begining up to posMid;
      span.innerHTML = _escTag(str.substring(0,posMid)) + '…';
 
      // Check if the current width is too wide (set new end)
      // or too narrow (set new start)
      if ( span.offsetWidth > width ) posEnd = posMid; else posStart=posMid;
    }
 
    result = '' +
      str.replace("\"",""") + '">' +
      _escTag(str.substring(0,posStart)) +
      '…<\/abbr>';
  }
  document.body.removeChild(span);
  return result;
}
Refs:
Acronym

offsetWidth