{"id":6038,"date":"2014-01-20T05:02:58","date_gmt":"2014-01-19T18:02:58","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=6038"},"modified":"2014-01-20T05:02:58","modified_gmt":"2014-01-19T18:02:58","slug":"moving-html-elements-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/moving-html-elements-primer-tutorial\/","title":{"rendered":"Moving HTML Elements Primer Tutorial"},"content":{"rendered":"
\"Moving<\/a>

Moving HTML Elements Primer Tutorial (try twirling round bottom of image for a synopsis ... 'do the twirl now')<\/p><\/div>\n

Here we have a common scenario on the web, in that this tutorial creates one of those “windows”<\/i> (but is a <div>) always sitting on top. Sometimes that annoys, sometimes it is necessary, but almost certainly what this tutorial makes happen really does annoy, in that the “window”<\/i> on top moves away from you as you try to close it … aaaaarrrgh!<\/p>\n

This is a client behaviour, so you’ve probably guessed that this is done with JavaScript.<\/p>\n

Enjoy this tutorial<\/a> perhaps.<\/p>\n

Regarding this topic I really like JavaScript & Alax for the Web, Seventh Edition By Tom Negrino and Dori Smith<\/i> where the code presented was followed closely here.<\/p>\n

Here is a link to the HTML programming source code that you might want to rename to layeringYourDivs.html<\/a><\/p>\n

The link here<\/a> helped a lot with the random Latin … thanks.<\/p>\n

If this was interesting you may be interested in this<\/a> too.<\/p>\n