Home arrow JavaScript arrow Using Multiple Containers to Build Pop Up DIVs with the DOM and AJAX

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.

Author Info:
By: Alejandro Gervasio
Rating: 4 stars4 stars4 stars4 stars4 stars / 5
February 07, 2007
  1. · Using Multiple Containers to Build Pop Up DIVs with the DOM and AJAX
  2. · Going backwards: the original pop-up generating script
  3. · Working with multiple pop-up DIVs
  4. · Listing the improved version of the pop-up generating application

print this article

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.

blog comments powered by Disqus

- Project Nashorn to Make Java, JavaScript Wor...
- JavaScript Virus Attacks Tumblr Blogs
- Google Releases Stable Dart Version, JavaScr...
- Khan Academy Unveils New JavaScript Learning...
- Accessing Nitro? There`s an App for That
- JQuery 2.0 Leaving Older IE Versions Behind
- Fastest JavaScript Engine Might Surprise You
- Microsoft Adjusting Chakra for IE 10
- Brendan Eich: We Don`t Need Google Native Cl...
- An Overview of JavaScript Statements
- An Overview of JavaScript Operators
- Overview of JavaScript Variables
- More of the Top jQuery Social Plugins
- The Top jQuery Social Plugins
- More of the Top jQuery Slider Plugins

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


© 2003-2019 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials