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
  • 2
LVL 11

Accepted Solution

BrianMM earned 125 total points
Comment Utility
I would suggest using jQuery...

Expert Comment

Comment Utility
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
Comment Utility
for more info about greybox (in my above comment) go here:

greybox is the best in its field

Author Comment

Comment Utility
Two very good resources. Thanks.

Featured Post

Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

Join & Write a Comment

Consider the following scenario: You are working on a website and make something great - something that lets the server work with information submitted by your users. This could be anything, from a simple guestbook to a e-Money solution. But what…
I imagine that there are some, like me, who require a way of getting currency exchange rates for implementation in web project from time to time, so I thought I would share a solution that I have developed for this purpose. It turns out that Yaho…
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

772 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now