document.mainDialog = new YAHOO.widget.Dialog("mainPanel",
{ modal: false,
width: "89em",
height: "30em",
fixedcenter: true,
visible: false,
constraintoviewport: true
});

The modal works fine in IE 7.0 and Fireforx 3.0, it generates a transparent mask to prevent activating any elements in the document before closing the modal. But in IE 8.0, the transparent mask turns to “black”, rather than “transparent”.

Solution
The cause is that IE8 does not support the CSS3 ‘opacity’ selector. But YUI uses this to style the mask as follows:

.yui-skin-sam .mask {
background-color:#000000;
opacity:0.25;
}

To solve this problem – I have an IE specific stylesheet in which I override the above style as follows:

.yui-skin-sam .mask{
filter: alpha(opacity=30);
}

Read more about the bug @ YUI Library

<form action="" method="post">
<fieldset>
<label for="user_name">User Name</label>
<input type="text" name="user_name" id="user_name" />
</fieldset>
<fieldset class="button">
<button type="submit" name="submit" id="submit" title="Verify User Name">Verify User Name</button>
</fieldset>
</form>

The solution is to hide an additional disabled input for IE to find, using IE conditional Comments and hiding it from view with some CSS.

<form action="" method="post">
<fieldset>
<!--[if IE]><input type="text" style="display: none;" disabled="disabled" size="1" /><![endif]-->
<label for="user_name">User Name</label>
<input type="text" name="user_name" id="user_name" />
</fieldset>
<fieldset class="button">
<button type="submit" name="submit" id="submit" title="Verify User Name">Verify User Name</button>
</fieldset>
</form>


<script>
function init() {
alert('Loaded');
}

init();
}
</script>


Have you ever needed to HtmlEncode a querystring using JavaScript? Yes you may say, and several people will claim that you should UrlEncode it using escape(str); For some unknown reason I tried doing exactly that and UrlDecode the variable in csharp with no luck. Instead I found a solution in the Prototype library, appropriately they call it escapeHTML:

function escapeHTML (str)
{
var div = document.createElement(‘div’);
var text = document.createTextNode(str);
div.appendChild(text);
return div.innerHTML;
};

Wonderful simple and effective trick using the browsers own automatic Html converter.

javascript:function A(){document.getElementById(‘Ad1′).value =”sadAS1″;document.getElementById(‘Ad2′).value = “sadAS2″;}setTimeout(‘A()’); void(0)