One hyperlink Two urls

**martyn_green** · 09-22-2005, 06:41 PM

Ok hi all
i am a basic user and was wanting to know if it is possible to have a hyperlink set so it opens two urls
i have a web page set out so that the user would select a link and it would open up the pages inside of iframes
can anyone shed some light on to how i may get it so that not olny does it change the main iframe but also a banner at the top with a different url e.g a html file with an image for title

thanks
martyn

**jscheuer1** · 09-23-2005, 02:47 AM

Not sure what you mean by that last bit:

Originally Posted by martyn_green

a html file with an image for title

Anyways, two links for one can be done but, not with an ordinary hyperlink. You say you have two iframes. Give them each a name like:

HTML Code:

<iframe name="banner" src="banner1.htm" width="350" height="150" frameborder="0"></iframe>

and later on in the page:

HTML Code:

<iframe name="main" src="main1.htm" width="650" height="450" frameborder="0"></iframe>

Now, using javascript, we can target both on one click. Since I imagine the 'main' iframe is more important, we will make it the actual hyperlink and have the banner change use javascript:

HTML Code:

<a href="main2.htm" target="main" onclick="banner.location.href='banner2.htm';return true;">Click for main2.htm</a>

You should choose the lesser important link for javascript (the onclick event) because non javascript enabled browsers will not be able to use it.

**martyn_green** · 09-23-2005, 04:31 PM

hmmm ok i tried that
and the banner doesnt change
any ideas?
thanks
martyn

**Twey** · 09-23-2005, 05:54 PM

Try:

HTML Code:

<a href="main2.htm" target="main" onclick="document.getElementsByName('banner')[0].location.href='banner2.htm';return true;">Click for main2.htm</a>

This is a bit of a hack, but:

Originally Posted by FX JS console

Error: blah is not defined
Source File: javascript:alert(blah.innerHTML);
Line: 1

Error: document.blah has no properties
Source File: javascript:alert(document.blah.innerHTML);
Line: 1

in this:

HTML Code:

<html>
<title>None</title>
<body>
<div name="blah">Blah</div>
</body>
</html>

There's probably some reason and easier way around this. I would use id here, usually.

**martyn_green** · 09-23-2005, 06:44 PM

ok thanks ........ but does someone want to show me what to do with that one

**jscheuer1** · 09-23-2005, 06:56 PM

Before you go trying to figure out Twey's solution which I haven't really looked at (it may be fine), consider this, mine works here in IE6, FF1.0.7 and OP8. If you are having a problem with it:

PLEASE: Include the URL to your problematic webpage that you want help with.

Thread: One hyperlink Two urls

Thread Tools

Search Thread

One hyperlink Two urls

Bookmarks

Bookmarks

Posting Permissions