TSH Google+ page: https://plus.google.com/u/0/b/105851360618149723506/ TSH Channel: http://www.youtube.com/user/TheSharePointHelper/featured TSH Page: https://plus.google.com/u/0/b/105851360618149723506/105851360618149723506/videos TSH Your Pages:

Saving draggable object locations

Recently I've been interested in creating diagrams using HTML, CSS, and JavaScript. I started out trying to do this with draggable shapes using Canvas. I decided to ditch Canvas because I could not find a way to save the shape locations. So, in this version I settled on jQuery UI to save my shape locations using the localStorage API. View the app and get the source code



Will this work in IE8? No, you will get the following error in IE8 because localStorage is not supported.

Will this work in IE9? No, you will get the following error:

How do I: Get the CSS attribute value using jQuery

Why does the childNodes array have and inaccurate number of items

As you can see from the image below, the childNodes array has 13 item. But clearly the "book" element has only 6 childNodes. Why is this inaccurate? 

Answer: It's because of the white space between the elements.

Loading XML data into a JavaScript array via Chrome

Get the files here

Loading a local XML file in Chrome, Firefox and IE 10

Like me, you might have found it a challenge at first to load a local .xml file into Chrome. Well this video might help you solve that problem. If it does help please leave a comment below.

Extract XML node values using JavaScript via Chrome developer tools

Related articles:
Load a XML file using JavaScript in Chrome