I've been looking over a web site that pops up a modal box when you click a "Read More" link and then dismisses the box when you click "close" at the top of the box.  The way they do this, though, is strange. No jQuery is involved.  The Read More link initiates a reload of the page with a query string that causes PHP to include extra code just before the </body> tag.  This extra markup includes an "overlay" div with width = height = 100%, color = black, opacity = 0.75, and z-index = 100. After the overlay div comes the pop up box with a z-index of 102.

The thing that puzzles me is the way they close the box. "Close" is just a link with href="#".   Somehow, it seems, this has to reload the original version of the page, that doesn't have the overlay div and box div at the bottom, to make the popup go away, but it's not clear how href="#" does  this. My understanding of href="#" is that it just jumps to the top of the page.

Could anyone explain what's going on here?  You can see the page at  Just click any of four Read More links.

Thanks for any insight.
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Dave BaldwinFixer of ProblemsCommented:
The class="thickbox" activates the jquery plugin.
Ray PaseurCommented:
The assertion that "No jQuery is involved" appears to be factually inaccurate.  Here are lines 14 and 15 from the View Source of the page.  That strongly suggests to me the use of jQuery.
<script type="text/javascript" src=""></script>
  <script type="text/javascript" src=""></script>

Open in new window

The reason for the 'href ="#"', is because, in order for the jQuery (or other javascript framework) to do its thing on a link, it had to be a "valid link" to begin with. "#", just happens to be the shortest valid link, and also no worries that it will leave the page.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
stevaAuthor Commented:
Yes.  I can see now that there's an entire Cody Lindley Thickbox  javascript  module being invoked here that's full of jQuery. Sorry for not taking more time with it initially.   I split the points.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.