Using Multiple Containers to Build Pop Up DIVs with the DOM and AJAX
If you're a web developer who wants to expand your background in building AJAX-based applications, I’m pretty certain that this article will be helpful to you. Welcome to the second part of the series “Building pop-up DIVs with the DOM and AJAX.” This series goes through creating pop-up boxes, which can be used in any web page to display additional information pulled from static or dynamic sources.
Using Multiple Containers to Build Pop Up DIVs with the DOM and AJAX (Page 1 of 4 )
Stepping back for a brief instant to the first tutorial of the series, quite possibly you'll recall that I introduced the basic concepts of how to create a single pop-up DIV. This originally presented some serious limitations, such as displaying only static content, aside from exposing an important bug when the application was executed with Internet Explorer 6.
Obviously, these two issues needs to be properly addressed to build pop-up DIVs that are truly compatible with most modern browsers, besides expanding the original script in such a way that it can deal with multiple pop-up elements. Of course, this sounds like a complex topic, which requires a strong background on the DOM and its methods. In fact, the process is much simpler than you might be thinking.
In this second part of the series I'll show you how to expand the original script that handles only one pop-up DIV so that it can manipulate multiple ones. I'll also fix the aforementioned compatibility issue when Internet Explorer is utilized.
Are you ready to learn how to build multiple pop-up DIVs with the DOM? I knew your answer would be affirmative! Thus, with the preliminaries out of our way, let's get started.