creating a link on webpage

crazyjxx · Jul 22, 2006

I have been trying to create my own webpage and I am wondering if there
is a way to create a link on my webpage that sends the person to
multiple urls in new windows. For example if they click on a link on
my page "Cnn and Yahoo" it will open two seperate pages in new windows
Cnn.com and yahoo.com. I have been using a html edditor to create my
page so the html code to be able to do this would be greatly
appreciated.

Thanks alot

Jonathan N. Little · Jul 22, 2006

I have been trying to create my own webpage and I am wondering if there
is a way to create a link on my webpage that sends the person to
multiple urls in new windows. For example if they click on a link on
my page "Cnn and Yahoo" it will open two seperate pages in new windows
Cnn.com and yahoo.com. I have been using a html edditor to create my
page so the html code to be able to do this would be greatly
appreciated.

Thanks alot

Not with HTML. Would require a script AND would probably piss-off your
visitors so you will not have to worry about them coming back! If you
want to open up two URLs create to links.

<a href="CnnURL">Go to Cnn</a> <a href="YahooURL">Go to Yahoo</a>

Analogy: When you turn the knob on your house's front door you expect it
to just open the front door and not simultaneousness open the back door,
cellar door, garage... right?

jojo · Jul 22, 2006

I have been trying to create my own webpage and I am wondering if there
is a way to create a link on my webpage that sends the person to
multiple urls in new windows. For example if they click on a link on
my page "Cnn and Yahoo" it will open two seperate pages in new windows
Cnn.com and yahoo.com. I have been using a html edditor to create my
page so the html code to be able to do this would be greatly
appreciated.

Thanks alot

Yes, it is possible, but it is not with pure HTML. You need to use
JavaScript here. The problem is that many users do not have JS enabled
for security reasons, so /they/ might not be able to use those links. A
possibility might be to use two links and delete one with JS and modify
the other. That would ensure that users with JS switched off still view
all linked pages.
To realize that you have to put the following code into the <head> of
your page:

<script language="javascript" type="script/javascript">

document.getElementById("link2").style.display="none"
document.getElementById("link1").innerHTML="Yahoo and CNN"

function doubleLink(page){
win=window.open()
win.location.href=page
}

</script>

Your links have to look like this:

<a href="www.yahoo.com" target="_blank" id="link1"
onclick="doubleLink('www.cnn.com')">Yahoo</a>

<a href="www.cnn.com" target="_blank" id="link2">CNN</a>

HTH,
jojo

Jonathan N. Little · Jul 22, 2006

jojo said:
Yes, it is possible, but it is not with pure HTML. You need to use
JavaScript here. The problem is that many users do not have JS enabled
for security reasons, so /they/ might not be able to use those links. A
possibility might be to use two links and delete one with JS and modify
the other. That would ensure that users with JS switched off still view
all linked pages.
To realize that you have to put the following code into the <head> of
your page:

<script language="javascript" type="script/javascript">

document.getElementById("link2").style.display="none"
document.getElementById("link1").innerHTML="Yahoo and CNN"

function doubleLink(page){
win=window.open()
win.location.href=page
}

</script>

Your links have to look like this:

<a href="www.yahoo.com" target="_blank" id="link1"
onclick="doubleLink('www.cnn.com')">Yahoo</a>

<a href="www.cnn.com" target="_blank" id="link2">CNN</a>

HTH,

Nice idea (where id JS is disabled you will see two links), but a couple
of problems.

1) You cannot format the style of the links until *after* they are
created in the document. Therefore you either have to call it in a
script element inline *after* where the links appear in the BODY or you
have to make an initialization function that is called on the document's
onload event.

2) the href's in links must have the protocol 'http://' else they will
look for the URLs locally.

jojo · Jul 22, 2006

Nice idea (where id JS is disabled you will see two links), but a couple
of problems.

1) You cannot format the style of the links until *after* they are
created in the document. Therefore you either have to call it in a
script element inline *after* where the links appear in the BODY or you
have to make an initialization function that is called on the document's
onload event.

Oh, you're right... I always forget this... Place the <script> /foo/

2) the href's in links must have the protocol 'http://' else they will
look for the URLs locally.

You're right again. Didn't recognize that I missed it.

Dan · Jul 23, 2006

jojo said:
You're right again. Didn't recognize that I missed it.

And end the "onclick" attribute with ";return false" to make sure that
if the Javascript is executed, the regular link isn't also followed.

jojo · Jul 23, 2006

Dan said:
And end the "onclick" attribute with ";return false" to make sure that
if the Javascript is executed, the regular link isn't also followed.

ASFAIK the "onclick" is executed anyway, so you don't need the "return
false". The advantage: the JS has to open only one link, the other one
is executed the "common" way.

Creating a direct download div link for pdf file	3	Mar 19, 2023
Why <link/> is not working?	4	Jan 1, 2020
Iframe link overlapping text	4	Jan 18, 2021
May I post a link to our graduate research project concerning Java Concurrency?	0	Sep 6, 2022
Just a question on .NET + C#	1	Dec 16, 2022
Trying to access hdml from an open browser using Python.	1	Jan 18, 2023
Insight on a coding project.	1	Jun 19, 2022
New coder with a focus on animating web banners	0	Dec 15, 2022

creating a link on webpage

crazyjxx

Jonathan N. Little

jojo

Jonathan N. Little

jojo

Dan

jojo

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads