Problems with opening the link on another page

Question

I am working on contact page where the client can enter the postcode which will take them to google maps for directions to the company, the problem which i am having is although the hyperlink is set to target_blank but still the window opens on the back hand instead of opening in front of the website page. I have no idea why it opens on the back hand and focus is on the current page instead of moving it to google map page

 <a href="#" target="_blank"> <img alt="" src="/images/contactUs/directionbtn.png" onclick="return openDirections(1);" /></a> <script type="text/javascript"> function openDirections(NumVal) { if (NumVal == 1) { if (document.getElementById("<%=txtPostcode.ClientID%>").value == "") { alert("PostCode can not be blank"); document.getElementById("<%=txtPostcode.ClientID%>").focus(); return false; } else { var regPostcode = /^([a-zA-Z]){1}([0-9][0-9]|[0-9]|[a-zA-Z][0-9][a-zA-Z]|[a-zA-Z][0-9][0-9]|[a-zA-Z][0-9]){1}([ ])([0-9][a-zA-z][a-zA-z]){1}$/; var tempURL = document.getElementById("<%=txtPostcode.ClientID%>").value; if (regPostcode.test(tempURL) == false) { alert("Please Enter a Valid PostCode"); document.getElementById("<%=txtPostcode.ClientID%>").focus(); return false; } else { var url = 'http://maps.google.co.uk/maps?saddr={' + $('#<%=txtPostcode.ClientID%>').val() + '}&daddr=&daddr=646+Preston+Rd,+Clayton-le-Woods,+Chorley+PR6+7EH,+United+Kingdom&iwloc=1&dq=Tangent+Design'; document.location = url; return true; } } } </script>

What does "opens on the back hand" mean? And this looks like JavaScript to me! — Jonathan Wood
– Jonathan Wood, Commented May 23, 2011 at 15:44
the page doesnt loads in front of the website like it should — Mr A
– Mr A, Commented May 23, 2011 at 15:45

Fredrik · Accepted Answer · 2011-05-23 15:45:19Z

1

Try window.open(url); instead of of document.location = url;

answered May 23, 2011 at 15:45

Fredrik

2,0463 gold badges15 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Mr A Over a year ago

window.open(url); opens the same page twice instead of going to google maps

Fredrik Over a year ago

Then your function might be called twice. You can check this easily by adding alert("This popup should only appear once."); in your openDirections function.

Fredrik Over a year ago

Btw, from where is openDirections called?

Mr A Over a year ago

have included <a> in the question

Fredrik Over a year ago

Try removing the surrounding <a> tag and just use this html: <img alt="" src="/images/contactUs/directionbtn.png" onclick="return openDirections(1);" /> and also change document.location = url; return true; to document.location = url; return false;

|

Matthew Cox · Accepted Answer · 2011-05-23 15:44:55Z

1

All I see you doing is setting the url of the current window. Maybe try using something like this to open a new window instead.

window.open('url to open',)

in place of document.location = url

answered May 23, 2011 at 15:44

Matthew Cox

13.7k9 gold badges57 silver badges72 bronze badges

8 Comments

Mr A Over a year ago

window.open(url); opens the same page twice instead of going to google maps

Matthew Cox Over a year ago

@Muhammad Awais If it is opening the same page, that says you might be setting the url incorrectly.

Mr A Over a year ago

i just changed it to window.open(url);

Matthew Cox Over a year ago

@Muhammad Awais I just tried it. Here is the jsfiddle. It opens to google maps just fine. Something else is amiss here. jsfiddle.net/mEw6J

Mr A Over a year ago

i tried this, which doesnt works var url = 'maps.google.co.uk/maps?saddr={' + $('#<%=txtPostcode.ClientID%>').val() + '}&daddr=&daddr=646+Preston+Rd,+Clayton-le-Woods,+Chorley+PR6+7EH,+United+Kingdom&iwloc=1&dq=Tangent+Design'; window.open(url);

|

Zach Green · Accepted Answer · 2011-05-23 15:45:10Z

1

Each browser can be configured to handle how new pages are opened. Take a look at the preferences in the browser you are using, and see if that is the behavior that you currently have configured.

answered May 23, 2011 at 15:45

Zach Green

3,4605 gold badges31 silver badges32 bronze badges

12 Comments

Mr A Over a year ago

i have checked on all the browsers , the result is same

Zach Green Over a year ago

does it open in a tab or a seperate window?

Zach Green Over a year ago

this is probably a configuration in your browser. did you try looking in the config of whatever browser you are using? In IE 8, what i have to use at work, it is under Tools -> Internet Options -> Settings (under the Tabs heading). In that window, you will see a setting, always switch to new tabs when they are created; check it.

Mr A Over a year ago

the new tab box is selected .. I m using chrome

Zach Green Over a year ago

Looks like chrome may not support opening in the foreground by default - google.com/support/forum/p/Chrome/…. I don't have it at work to test.

|

radbyx · Accepted Answer · 2011-05-23 16:09:37Z

0

I think this is what you are looking for:

var x = window.open(URL, 'name', '...'); x.focus();

answered May 23, 2011 at 16:09

radbyx

9,72022 gold badges93 silver badges133 bronze badges

Collectives™ on Stack Overflow

Problems with opening the link on another page

4 Answers 4

7 Comments

8 Comments

12 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

7 Comments

8 Comments

12 Comments

Comments

Related