Pop-up box with html and jquery

How can i make a Pop-up box with html and jquery?

In its simplest form:

Code:


<div onclick="jQuery('#popup').show();">Click This to pop up the next box</div>
<div id="popup" style="display:none;"> Content of a box here</div>


But your gonna have to be more specific.

I want something like this.

KevinDesign wrote:I want something like this.

Hi,

They have already given enough documentation on that page Go through it and try applying it on your forum.

I tried but the code don't work.

What code did you add?
Make sure you add the files that they are providing including JS and CSS.

I used:

Code:

<a href="#" id="diagnostics">Show diagnostics</a>

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.6.2.min.js"></script>
<link rel="stylesheet" href="http://onehackoranother.com/projects/jquery/boxy/stylesheets/boxy.css" type="text/css">
<script type="text/javascript" src="http://onehackoranother.com/projects/jquery/boxy/javascripts/jquery.boxy.js"></script>



The code is incomplete.

The href="#" must have URL of the page/section you want to open and the <a> tag must have class="boxy" applied to it.

If you want a page to open in popup, the link code should be like...

Code:

<a href="http://forumotion.com/" class="boxy">Forumotion</a>

Hope it helps

I tried with:

Code:


<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.6.2.min.js"></script>
<link rel="stylesheet" href="http://onehackoranother.com/projects/jquery/boxy/stylesheets/boxy.css" type="text/css">
<script type="text/javascript" src="http://onehackoranother.com/projects/jquery/boxy/javascripts/jquery.boxy.js"></script>
 

  <a href="http://forumotion.com/" class="boxy">Forumotion</a>

but don't work

No one can help me?

Bump