WebMatric, Microsoft open the door for PHP open source project, Wordpress, Joomla!

WordPress, Joomla!, DotNetNuke and Orchard.
Reference:
http://www.microsoft.com/web/webmatrix/default.aspx

How to use condition comment to hide compatible button in IE8?

How to use condition comment to hide compatible button in IE8?

Put following line into html file before <!DOCTYPE > tag

<!--[if gte IE 7]><meta http-equiv="X-UA-Compatible" content="IE=8"/> <![endif]-->

Condition comment Reference:

http://en.wikipedia.org/wiki/Conditional_comment

How does jQuery implement hide() and show()

By display: none
Not visibility: hidden


JQuery Source code:

hide: function( speed, easing, callback ) {
if ( speed || speed === 0 ) {
return this.animate( genFx("hide", 3), speed, easing, callback);

} else {
for ( var i = 0, j = this.length; i < j; i++ ) {
var display = jQuery.css( this[i], "display" );

if ( display !== "none" ) {
jQuery.data( this[i], "olddisplay", display );
}
}

// Set the display of the elements in a second loop
// to avoid the constant reflow
for ( i = 0; i < j; i++ ) {
this[i].style.display = "none";
}

return this;
}
}

Three ways for initialization tasks in Javascript: $(handler), Onload() and pageLoad()

1. pageLoad(), it is called for every partial postback. We should put JQuery event handlers in this function.

2. window.onload = function () {alert("onload");}

Onload() event will be called only after the DOM and associated resources like images got loaded


3. JQuery $(document).ready(handler)
jQuery's document.ready() event will be called once the DOM is loaded, it wont wait for the resources like images to get loaded

All three of the following syntaxes are equivalent:

• $(document).ready(handler)
• $().ready(handler) (this is not recommended)
• $(handler)

Reference:
http://api.jquery.com/ready/




If useful, Consider making a donation to show your support.

How to solve No animation on GIF file if submit a form in html?

Solution: Need to load gif file just before submit by JavaScript/JQuery

<input type="button" class="button" id="process" name="cmdFinish" value="Confirm" />
<div id="processinfo" style="display: none">

<script type= "text/javascript">
$("#process").click(function() {
document.getElementById('processinfo').innerHTML = '<img src= "images/load.gif" /> <br/>Processing...';
$("#processinfo").show();
$("form:first").submit();
});
</script>