spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

home / experts / javascript / column14


Pop-out Elements

Developer News
Google Going Native With Chrome
Mozilla Fixes Firefox Flaws as 3.5 Release Nears
Microsoft and Novell Still Bosom Buddies

If you're using a fourth-generation browser, you probably noticed the blue tabs on the left side of this page. Go ahead and click them. Now click them again. In this column we'll show you how to create this effect, step by step.

Pop-out elements demonstrate the use of JavaScript and Dynamic HTML. We'll show you how to dynamically print positioned elements while the page is loading, and how to overcome various undocumented bugs. We'll also explain the theory of pop-out elements. Our pop-out elements work on Navigator 4.0x and Internet Explorer 4.0x. The script also accounts for older browsers, so it is backward compatible. So we've got a cross-browser, backward-compatible script. Wow! You'll learn:

  1. How to define a pop-out element as an instance of an object.
  2. How to define and use a pop-out element's properties.
  3. How to position a pop-out element's tab.
  4. How to position a pop-out element's box.
  5. How to toggle a pop-out element's visibility status.
  6. How to toggle a pop-out element's visibility.

For your convenience, you may also view the entire script.

More Resources from Doc JavaScript
Columns Popular Columns Tips Tools
Latest Columns
41-50 | 31-40 | 21-30
11-20 | 1-10
Working with Windows
JavaScript and Frames
Bookmarklets
Random Tips
Personalized Tips
RSS Channels
Menu Builder
Rollover Builder
Rotation Builder
Reference Tip Categories (want one?)
Links
For Your Site
Did you learn something? Do you like this site? Please link to us!

http://www.internet.com

internet.commediabistro.comJusttechjobs.comGraphics.com

Search:

WebMediaBrands Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs

webref The latest from WebReference.com Browse >
XML and PHP Simplified · Creating a ASP.NET Contact Form · Data Filtering with PHP
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Intel to Host Live Nehalem Q&A · 12 Tips to Troubleshoot Network File-Sharing · 10 Tips for Selling on Kijiji


Created: February 24, 1998
Revised: February 24, 1998

URL: http://www.webreference.com/js/column14/