Wrox Programmer Forums
| Search | Today's Posts | Mark Forums Read
Javascript How-To Ask your "How do I do this with Javascript?" questions here.
Welcome to the p2p.wrox.com Forums.

You are currently viewing the Javascript How-To section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
Old June 18th, 2008, 04:22 AM
Authorized User
Join Date: Feb 2007
Location: Hyderabad, Andhra Pradesh, India.
Posts: 14
Thanks: 0
Thanked 0 Times in 0 Posts
Default Balloon pop-ups

How to create pop-ups like in google reader. When I click the link a
balloon pop-up opens. I can close it by clicking the "X" button.
Please find the link below for a visual clue.


Old June 18th, 2008, 01:08 PM
Friend of Wrox
Join Date: Jun 2008
Location: Snohomish, WA, USA
Posts: 1,649
Thanks: 3
Thanked 141 Times in 140 Posts

Not hard. You just create a <DIV> with absolute position and display:none

Then use JS code to place it where you want and change display to block.

I use the technique with my "POPON Calendar" that you can see here:

I also use basically the same technique here:
When you click on one of the artist's names (toward the bottom, e.g., "Dennis Bishop") it pops on a similar DIV.

Even the little guy at the top of the page (just stay at the top for 20 seconds or so) is done using basically the same technique.

Similar Threads
Thread Thread Starter Forum Replies Last Post
Explanatory pop-ups / second window ... asearle XSLT 6 January 8th, 2007 09:12 AM
Newbie Question RE Image pop ups Nostromo77 ASP.NET 2.0 Basics 0 December 10th, 2006 07:31 PM
open multiple pop-ups aspenthu ASP.NET 1.0 and 1.1 Professional 1 May 20th, 2006 04:02 AM
getting all pop-ups nerssi Javascript 3 March 7th, 2006 01:22 AM

Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.