Displaying Dynamic Content with Pop Up DIVs with the DOM and AJAX
If you’re searching for a straightforward guide on how to create pop-up boxes for displaying additional information in your web site, then look no further because your search is over. Welcome to the concluding installment of the series “Building pop-up DIVs with the DOM and AJAX.” This three-part series walks you through the process of constructing pop-up DIVs, which can be used for showing data coming from static and dynamic sources.
Displaying Dynamic Content with Pop Up DIVs with the DOM and AJAX (Page 1 of 4 )
Although the application that I created previously can be used with most modern browsers, it lacked an important feature. All the pop-up boxes were designed to show only static content, undoubtedly a serious limitation considering that the web is now essentially dynamic. Is there any way to overcome this limitation? Of course there is!
Here is where AJAX comes in, since it’s feasible to use an HTTP requester object to pull data from the server in the background and display it with these pop-up DIVs. One immediate application of this functionality would be a dynamic advertising system, but this schema can be used for many other purposes too.
Therefore, in this last part of the series, I’ll show you how to improve the original application by making it possible to fill the pop-up DIVs with dynamic content. As you know, this will be achieved by using the neat features of AJAX.
The challenge is right ahead of us. Let’s tackle it together now!