How set href in html tag

Question

Let's I have two server running on my PC. server1 and server2....

In server1 there is a html page.(ex. a.html)
In server2 there is another html page.(ex b.html)
Server1 is running on port 80
Server2 is running on port 8080

In a.html of server1 there is a tag. Now I want to access b.html from server2 by the above link that's why I have written

<a href="localhost:8080/b.html">

It's working really well if I access a.html and click that link working fine in my computer where both servers are running.

...... I want to access a.html from server1 in my phone. My pc and phone both are in the same wifi network.

To solve this problem I opened my phone browser and gave my pc ip ex. 192.168.0.1/a.html

It's working fine. But as I said in above that there is a link in that page (ex given above). When I click on that link it's giving error

This site can't be reached localhost refused to connect

.... I know where is the problem . The problem is in the link because I explicitly wrote localhost:8080 . Here is the problem. I should write my pc private it instead of localhost then it'll work I know. But how to get my private IP by javascript to modify the link dynamically by javascript.

Help me to solve this problem.

Make the href relative and omit the port/host. `` - This way, the link should "inherit" the host and port number of the current url. — evolutionxbox, May 27 '16 at 14:30
@evolutionxbox But he wants a different port number so the link goes to the other server — RiggsFolly, May 27 '16 at 14:35
If that's the case, then the link should be `` - You can't get away from using the ip address. You can't use localhost. — evolutionxbox, May 27 '16 at 14:36
@evolutionxbox So finally we are back to his actual question. __But how to get my private IP by javascript to modify the link dynamically by javascript__ — RiggsFolly, May 27 '16 at 14:39
`location.hostname` this will be `localhost` or `192.168.0.1` depending on which url is used to access the server. — evolutionxbox, May 27 '16 at 14:42
Also, [this question](http://stackoverflow.com/questions/6016120/relative-url-to-a-different-port-number-in-a-hyperlink) is likely to be of help. — evolutionxbox, May 27 '16 at 14:43

MonkeyZeus · Answer 1 · 2016-05-27T14:47:23.073

1

Your phone is basically redirecting to itself.

Your <a> tag should look like this:

in 192.168.0.1/a.html

<a href="192.168.0.1:8080/b.html">

or if you prefer not to muddy up your HTML then this also possible

in 192.168.0.1/a.html

<HTML5>
    <head>
        <base href="192.168.0.1:8080/">
    </head>
    <body>
        <a href="b.html">b.html on server #2</a>
        <br>
        <a href="192.168.0.1/c.html">c.html on server #1</a>
    </body>
</html>

edited May 27 '16 at 14:47

answered May 27 '16 at 14:42

MonkeyZeus

20,375
4
36
77

What is `static.ip.server.2`? Is it output by the static sever (static)? – evolutionxbox May 27 '16 at 14:45
Interesting, but does this not mean that all `href` links will go to server 2 on this page. That may not be what is required – RiggsFolly May 27 '16 at 14:47
@RiggsFolly Yes, but it can be combated via absolute URLs to itself, though. – MonkeyZeus May 27 '16 at 14:49
@RiggsFolly The root of the issue is that OP's phone directs localhost requests to itself. OP needs to use a static IP in his `` tags and anything else that points to a server resource. – MonkeyZeus May 27 '16 at 14:51
Yea I realise that, I was just sticking around to see what sort of solutions people came up with as I was interested – RiggsFolly May 27 '16 at 14:52

score 1 · Answer 2 · answered May 28 '16 at 10:24

Both servers are running on your pc. So, to access both servers except own pc you need to provide your private ip. This way you can access your both servers.

Now, you, at first want to access your a.html of server1 where there is a link to b.html of server2.

Don't write localhost explicitly. And you want to change href of the link dynamically. Follw below step.

Change your link of a.html of server1 to <a id="link" href="#"></a>
You have to change your link dynamically. So to change the link I am using JQuery window.onload() method. Add this script to your code

<script>
  window.onload=function()
{
  //Modify the link href
 var ip=location.host;
 $("a#link").attr("href", "http://"+ip+":8080/b.html");
}
</script>

Because your server2 is running on port 8080 and has a file named b.html
Now you don't need to worry. it'll work on both your pc and another pc or phone in the same network.

How set href in html tag

2 Answers2