Web Studio Featured Article



Links That Open New Windows

Create you own pop ups

Author: WebStudio Support
About: ---------------



Many people have been asking how to set up a link so that when it is clicked on it opens the new page in a new browser window.

If you're still learning about how to use links, refer to last month's column titled "How to Add Hyperlinks to WebStudio Objects."

Ok, now that everyone knows about using links, here's how to make that new window appear when a link is clicked on.

It is actually very simple. You just add a little HTML to the link. There are a few different ways to do it however, depending on how and what you are adding the link to.

Here's the HTML to be added to your links:

"target="first_window

You enter it exactly as it is written above, including the quotes, and no, there is no missing quote at the end. WebStudio takes care of that one for you.

Now that you know what HTML to use, here's the different techniques for adding it.

Doing it with an existing link in a graphic object

To add it to a graphic object that already has a link on it, simply right click on the object, choose Properties, click on the Link tab and type "target="first_window right after the existing link. So, if the existing link were:

http://www.webstudio.com

You'd add our HTML to make it:

http://www.webstudio.com"target="first_window

Doing it with a link to an external website

To add it to a link to an external website, simply go to the Links gallery, right click on the MyLinks list, choose Add Link. Enter the link and add the our HTML to the end of the link. Then drag and drop that link on to any text or graphic you want.

Doing it with a link to one of the pages in your site

First you can only do this with a link on a graphic, not on text. To do it, right click on the object, choose Properties, click on the Link tab. Then enter the page's name with a ".html" after it and then add our HTML. If your page has a space in its name, substituted an underscore for the space. Also, if you want it to work when you Preview your page, enter "htm" instead of "html". Once you have previewed it, change it back to ".html" so the link will work correctly when the page is on the web. So, assuming your page was named "Page 5" you'll enter the following:

Page_5.html"target="first_window

Then, a click on that link will open Page 5 in a new window.

It is actually very simple. You just add a little HTML to the link. There are a few different ways to do it however, depending on how and what you are adding the link to.

 
Home | Features | Wiki | About Us | Press Center | Buy | Support | Contact | Terms | Privacy
Feature Tour | QuickStart Videos | Downloads | Upgrades | Site Licenses | Web Design Articles | SEO | Blog