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

View unanswered posts | View active topics

Board index » SOFTWARE AND CODE » Web Site Code and Design » CSS html

All times are UTC - 5 hours [ DST ]

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

Page 1 of 1

[ 8 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: 499
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: 499
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: 81

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

robinpatrick2

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

Posted: Thu Jun 16, 2011 4:15 am

Apprentice

Joined: Wed Jun 15, 2011 4:23 am
Posts: 15

You're linking to a page on another website, it's beneficial 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.

_________________
online casino | laser eye surgery Belfast | Online Casino Slots

Top

andrewshaw05

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

Posted: Tue Aug 09, 2011 2:09 am

Apprentice

Joined: Mon Aug 08, 2011 11:28 pm
Posts: 13

It's good to have it open in a newly window so you don't lose visitors to that website. Learn how to control that with a little HTML code. You're linking to a page on some other web site.

_________________
fulvic acid | fulvic | fulvic ionic minerals

Top

stephanramies312

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

Posted: Mon Aug 29, 2011 2:38 am

Apprentice

Joined: Fri Aug 26, 2011 6:06 am
Posts: 14

They are linked to a page on another website, it's good to have it open in a new window so they don't lose visitors to that site. Learn how to control that with a little HTML code.

_________________
superfoods | cloud hosting | Lift Laser & Body

Top

Page 1 of 1

[ 8 posts ]

Board index » SOFTWARE AND CODE » Web Site Code and Design » CSS html

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