XSitePro
 

Creating a Pop-Up window

There are several ways to make a window Pop-Up when clicking on a text link or an image.  The first method demonstrated will be using the built-in XSitePro Pop-Up wizard. The second and third methods will be shown using html code.

Method 1 - XSitePro Pop-Up wizard:

This method will only work with a text link (not an image) and when clicked upon will open a new, small window to display your content.

Step - 1

Right click and choose "Widget Wizard" from the right click menu.

XSitePro Widget Wizard

 

Step - 2

Click the "+" next to the Pop-Ups folder and then click on the "Open Page In New Window".  Next we will click on the "Edit Settings" button.

XSitePro Widget Wizard

 

Step - 3

Fill in the information -

XSItePro widget wizaed

 

Step - 4

Click the "Insert Widget" button

 
 
 
 
 
Method 2 - Using "Code" to create a Pop-Up window after clicking on a text link.
 
Step - 1
 
Paste the code below into the source tab of your webpage where you want the text link to appear.
 

<p><a href="javascript:void(0)"

onclick=

"window.open('your-page-url-here.html', 'MyPopUp', 'width=432,height=270,toolbar=0,scrollbars=0,screenX=200,screenY=200,left=200,top=200')">

your text here</a></p>
 
  
Step - 2   
  • Change "your-page-url-here.html" to the actual page url that will pop up.
  • Change "your text here" to the actual text that you want to become a link.
  • Adjust the width and height to fit your Pop-Up page.
 
Method 3 - Using "Code" to create a Pop-Up window after clicking on an image.
Step - 1
 
Paste the code below into the source tab of your webpage where you want the image to appear.
 

<p><a href="javascript:void(0)"

onclick=

"window.open('your-page-url-here', 'MyPopUp', 'width=432,height=270,toolbar=0,scrollbars=0,screenX=200,screenY=200,left=200,top=200')">

<img border="0"

src="your-image-here.gif"></a></p>
 
 
Step - 2  
  • Change "your-page-url-here.html" to the actual page url that will pop up.
  • Change "your-image-here.gif" to the actual location of the iimage that you want to become a link.
  • Adjust the width and height to fit your Pop-Up page.

 Click the image below


 
 Closing the Pop-Up window
 
To close the Pop-Up window, you can paste either of the snippets below into your Pop-Up page.
 

<form>

<input value="Close Window"

type="button"

onclick="javascript:window.close();">

</form>
 
or
 

<ahref="javascript:window.close();">Close Window</a>

Get The XSitePro Bonus Pack

 

"Sign Up For My
XSitePro Tips Newsletter
And Pick Up A
Free XSitePro Template"

First Name:
Email:

 Bookmark this page

XSitePro
Bonus Pack
Don't Miss Out!
XSitePro Bonus Pack

• XSitePro Website Design Builder
• XSitePro Coupon
• XSitePro Bonus Pack
• Watch The XSitePro Webinar
• XSitePro Review
• XSitePro 2.5
• XSitePro 2 Videos
• XSitePro Templates
• XSitePro Headers
• XSitePro Hosting
• XSitePro Tips
• Internet Marketing Tools
• XSitePro Blog
• XSitePro Help
• Site Map

Download the XSitePro V2 Product Guide

XSitePro Ver2 Product Brochure

 

Jason,

I just wanted to say thank you for the great design and service. Not only did you build a great looking header for my website, but you went out of your way to help me with some technical issues as well. I couldn’t ask for better service. Keep up the great work!

Terry Edwards

"Jason has helped me solve a multitude of challenging problems and he always comes up with a great solution.

I can't imagine how anyone could be more knowledgeable or helpful when it comes to XSitePro.

In addition, Jason is a true professional of the highest order and he's a joy to work with. I couldn't imagine my work life without him.

My guess is once you contact Jason, he'll be your "go-to guy" too! Quite simply, Jason is the best at what he does. I can't recommend him highly enough."

E. Alvin Davis
President
Visitors2Clients.com

Official PayPal Seal

 Privacy Statement | Contact Us | XSitePro Bonus | XSitePro Home

All Rights Reserved.   © 2005-2012 XSiteProWebsiteDesignBuilder.com | XSitePro