Knoutout.js

http://knockoutjs.com/documentation/introduction.html

Simple JavaScript Inheritance

http://ejohn.org/blog/simple-javascript-inheritance/

Cross-browser onload event and the Back button

http://stackoverflow.com/questions/158319/cross-browser-onload-event-and-the-back-button

CSS Menu using image sprite

http://line25.com/tutorials/how-to-create-a-css-menu-using-image-sprites

Javascript Ajax Upload Plugin

https://github.com/valums/ajax-upload

Useful JavaScript and jQuery Tools, Libraries, Plugins

http://www.smashingmagazine.com/2011/04/07/useful-javascript-and-jquery-tools-libraries-plugins/

Understanding node.js

http://debuggable.com/posts/understanding-node-js:4bd98440-45e4-4a9a-8ef7-0f7ecbdd56cb

Learning Server-Side JavaScript with Node.js

http://net.tutsplus.com/tutorials/javascript-ajax/learning-serverside-javascript-with-node-js/

Head js - the only script in your head

http://headjs.com/

Javascript email Regex

var email = "^([0-9a-zA-Z]([-\.\w]*[0-9a-zA-Z])*@([0-9a-zA-Z][-\w]*[0-9a-zA-Z]\.)+[a-zA-Z]{2,9})$";

What does document.domain = document.domain do?

http://stackoverflow.com/questions/1481251/what-does-document-domain-document-domain-do

I encounter a domain problem today and finally get it work by
document.domain = document.domain

Also, if you press the back button, the onload event of iframe will be faster than that of the parent frame and may cause permission denied error. The solution to this is to setTimeout and use the try-catch loop.

Check whether children elements exceed the overflow parent

<div id="f" style="overflow: hidden; background-color: red; width: 300px; height: 300px;">
<div id="s" style="background-color: green; width: 350px; height: 300px;">
</div>
<script><br />if (f.scrollWidth > f.clientWidth){<br />alert("overflowed");<br />}<br /></script></div>

Javascript Toolbox

http://www.javascripttoolbox.com/

Silverlight Deep Zoom function in Ajax now

http://www.asp.net/AJAX/AjaxControlToolkit/Samples/Seadragon/Seadragon.aspx

http://livelabs.com/seadragon-ajax/

http://deepzoompix.com/Default.aspx?pzRedir=true

jqZoom and mousewheel js event

http://www.mind-projects.it/projects/jqzoom/demos.php#demo1


mousewheel in javascript:
http://adomas.org/javascript-mouse-wheel/

Event order (bubbling and capturing)

http://www.quirksmode.org/js/events_order.html

Speed up your javascript Tutorial

Speed up your javascript:
http://www.youtube.com/watch?v=mHtdZgou0qU&feature=channel_page


Great Tutorial!

Sort JSON by its key(properites)

Today, I need to sort the JSON by its key(properties) and I write the following extended function to array element.

Array.prototype.extendSort = function(field,desc){
function sortField(a,b){
if (a[field] == b[field]){
return 0;
}
var result = a[field] > b[field]?1:-1;
if (desc == true) result=result*-1;
return result;
}
this.sort(sortField);

}
var testjson = [{"id":3, "name":"Charlie"},{"id":5, "name":"Danny"},{"id":4, "name":"Billy"}]
testjson.extendSort("id", false);

PS:
If you want to loop through the array using for...in statement, you may find that the extendSort also recognizes as one of the object.

You should use the following code to deal with that:
for (name in testjson) {
if (testjsonj.hasOwnProperty(name)) {
...
}
}

XSS (Cross Site Scripting) Cheat Sheet

http://ha.ckers.org/xss.html

http://amix.dk/blog/viewEntry/19432

Cookies

http://www.quirksmode.org/js/cookies.html