AdminXL Message Board • View topic - How to Make button and Image Links open in a new window HTML

View unanswered posts | View active topics

Board index » MANAGING A WEBSITE » Site and Server Administration

All times are UTC - 5 hours [ DST ]

How to Make button and Image Links open in a new window HTML

Page 1 of 1

[ 5 posts ]

Print view

Previous topic | First unread post | Next topic

Author

Message

Russell

Post subject: How to Make button and Image Links open in a new window HTML

Posted: Sun Nov 23, 2008 11:55 am

Site Admin

Joined: Mon Jun 09, 2008 10:09 am
Posts: 455
Location: East Coast USA

When you're linking to a page on another website, it's good to have it open in a new window so you don't lose visitors to that site. Learn how to control that with a little HTML code.

1. Create an external link to a website
2. Go to the HTML of the page --
3. Find the link that you created. If the link I created was for the phrase "AdminXL" linking to the AdminXL.com website

<a href="http://www.adminxl.com">AdminXL webmaster Forum</a>

4. Add the following little tid-bit of code that appears in bold to that line of code..
<a target="_blank" href="http://www.adminxl.com">AdminXL Webmaster Forum</a>

dont forget the " after _blank.. or it wont work.. :-D

Top

umarsa

Post subject: Re: How to Make button and Image Links open in a new window HTML

Posted: Tue Dec 02, 2008 8:10 am

Apprentice

Joined: Tue Dec 02, 2008 7:57 am
Posts: 4

OR

You can try this out, it took quite long to cusomise how i wanted but here you go..

Code:

<script type="text/javascript">
function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=anchors.length-1; i>=0; i--) {
var anchor = anchors[i];
if (anchor.href && !(anchor.href.substr(0,9) == "http://fo"))
anchor.target = "_blank";
anchor.rel = "nofollow";
}
}
window.onload = externalLinks; 
</script>

If your website is haha.com then replace http://fo with http://ha to prevent local links opening in a new window.

EnjoY!

Top

Russell

Post subject: Re: How to Make button and Image Links open in a new window HTML

Posted: Wed Dec 03, 2008 12:50 pm

Site Admin

Joined: Mon Jun 09, 2008 10:09 am
Posts: 455
Location: East Coast USA

thank you for sharing that little piece of code umarsa :-D

havent tested it out yet.
but I will :-D

Top

hack13

Post subject: Re: How to Make button and Image Links open in a new window HTML

Posted: Tue Dec 16, 2008 5:32 pm

AdminXL Mod

Joined: Fri Jul 04, 2008 8:18 pm
Posts: 86

Thank you this is really helpful, i have always used a javascript code. This is so much easier!

_________________
Cyber Wrld - Online Today!

Top

Ricardo-san

Post subject: Re: How to Make button and Image Links open in a new window HTML

Posted: Fri Jan 30, 2009 4:29 pm

Apprentice XL

Joined: Sat Dec 27, 2008 7:01 pm
Posts: 33

The Javascript looks nice. I knew this already though... :lol:

Top

Page 1 of 1

[ 5 posts ]

Board index » MANAGING A WEBSITE » Site and Server Administration

All times are UTC - 5 hours [ DST ]

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum