How do you make a small window overlay and grey out the main window?

Posted on 2009-07-07
Last Modified: 2012-05-07
Here's a screen shot of what I'm looking to do:

Would like some guidance on how this is done? I know PHP but only a little Javascript. I suspect this is probably done with Javascript. If so, need some details.

Question by:alicia1234
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
LVL 11

Accepted Solution

BrianMM earned 125 total points
ID: 24794826
I would suggest using jQuery...

Expert Comment

ID: 24794854
it is easy with greybox, just include scripts and css of this library.

And then for example add attribute rel="gb_page[440, 500]" to link where you want show overlay window like:

<a href="<some URL>" title="title of this link" rel="gb_page[440, 500]">Some link</a>

Open in new window


Assisted Solution

Michal-Drozd earned 125 total points
ID: 24794887
for more info about greybox (in my above comment) go here:

greybox is the best in its field

Author Comment

ID: 24795467
Two very good resources. Thanks.

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
PHP $_POST vs asp request 4 57
Why is my implode function empty 8 43
How can I stuff the results of this for loop into an array? 3 42
Insert PHP into HTML page. 7 52
Part of the Global Positioning System A geocode ( is the major subset of a GPS coordinate (, the other parts being the altitude and t…
This article discusses four methods for overlaying images in a container on a web page
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

751 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question