https://www.codeofaninja.com/wp-content/uploads/2019/03/codeofaninja-with-text-3-1030x206.png 0 0 Mike Dalisay https://www.codeofaninja.com/wp-content/uploads/2019/03/codeofaninja-with-text-3-1030x206.png Mike Dalisay2010-12-16 09:35:002021-07-26 12:50:37How To Use Greybox
How To Use Greybox
Greybox is another beautiful way not only to display your site contents or websites in a pop up window but also to do database operations in it.
*Comments on codes serves as its explanations.
Step 1: Download Greybox here.
Step 2: Create your js/ directory and place greybox in it.
Step 3: Create your index.php file and it should have the following codes in it:
<title>How To Use Greybox</title>
var GB_ROOT_DIR = "js/greybox/";
<link href="js/greybox/gb_styles.css" rel="stylesheet" type="text/css">
<b>This is the greybox parent window</b>
<a href="greybox_pop_up.php" title="Greybox pop up" rel="gb_page_center[500, 500]">
Click this link to greybox pop up
Step 4: Create your greybox_pop_up.php with these codes in it:
<title>This is the greybox pop up</title>
<h2>This is the greybox pop up window</h2>
Step 5: Run your index.php, click the link to test if greybox is working.
You can do many things with greybox. It prevents you from the hassle of refreshing the whole page.