|
|
Mastering Ajax Series : Part 5 Published - Explains How to Manipulate the DOM
|
04/12/2006, By Ajax Impact News
|
Over IBM DeveloperWorks site, Brett McLaughlin has written the 5th part of the Mastering Ajax series related to working with Ajax, building developers up from knowing nothing about the technology to some of the more advanced features it offers.
These are the all Five parts of the series that have been published:
Part 1 : Introduction to Ajax - This part explains what is Ajax, how it works, and what the code for it looks like etc.
Part 2 : Make asynchronous requests using Ajax - This part focuses mainly on the XMLHttpRequest object, the functions/properties it supports, integrating error handling with it, making it cross-browser, and how to actually send requests to server.
Part 3 : Advanced requests and responses in Ajax - This part of series discusses the ready states that XMLHttpRequest supports and what does they mean, the HTML status codes that could be returned, and some thing related with HTTP requests type.
Part 4 : Exploiting DOM for Web response - This part looks at the DOM for a web page and shows how you can maipulate it with the help of some simple Javascript.
Part 5 : Manipulate the DOM - This part of series he dives even deeper into the DOM, explains how to create, remove, and change the parts of a DOM tree, and take the next step toward updating your Web pages on the fly!
He concludes the Fifth part of series with following words "You've learned quite a bit in the last few articles in this series. At this point, you should not sit back and wait for the next article, expecting that I'll go into all sorts of clever uses for the DOM tree. Explore how you can create fancy effects or slick interfaces using the DOM is your homework now. Take what you've learned in these last two articles and start to experiment and play around. See if you can create a Web site that feels a bit more like a desktop application, where objects move around on the screen in response to a user's action.
Better yet, throw a border around every object on the screen, so you can see where the objects in the DOM tree are, and start moving things around. Create nodes and append them to existing child lists; remove nodes that have lots of nested nodes; change the CSS style of a node, and see if those changes are inherited by child nodes. The possibilities are limitless, and every time you try something new, you'll learn something new. Enjoy playing around with your Web pages.
Then, in the upcoming final part of this DOM-specific trilogy, I will show you how to incorporate some cool and interesting applications of the DOM into your programming. I'll stop speaking conceptually and explaining the API, and show you some code. Until then, come up with some clever ideas on your own, and see what you can make happen all by yourself."
|
Rate this Ajax News
Rating: 0.0 out of votes cast
| |
|
|
| |
|
|
|
|
|
|
|
|
Special offer for AjaxImpact.com Visitors!!
Subscribe to Oracle Magazine for Free!
