-1

basically, I have a streaming website with multiple servers and I want to hide that server link. here the code

<a id="server1" href="SERVER-URL" target="iframe-to-load" class="btn btn-server active">server 1</a>

Does anyone know how to do that?

I have tried multiple methods like using onclick event like:

<a id="server1" onclick="window.location.href="SERVER-URL" target="iframe-to-load" class="btn btn-server active">server 1</a>

sometimes they open in a new tab instead of load in iframe

I want to hide exactly like http://asp-arka.blogspot.com/2014/08/hide-url-on-mouse-hover-of-hyper-link.html

ZaviieR TM
  • 1
  • 1

2 Answers2

1

Browsers are under the control of their users.

You cannot give information (such as the URL you want to load) to the browser without it being visible to the user.

There are various levels of obfuscation you would apply (such as moving it from an href attribute to some JavaScript) but they are all trivially defeated by using the Network tab of the browser's developer tools.

Quentin
  • 914,110
  • 126
  • 1,211
  • 1,335
0

As you are trying to dynamically change the content of an iframe, here is the solution:

Change the src Attribute of the iframe.

<a href="#" onclick="document.getElementById('stream').src='http://server1.example.com'">Server 1</a>

<iframe src="http://server2.example.com" frameborder="0" id="stream"></iframe>

I suggest you check out Changing iframe src with Javascript on stackoverflow.

Kai
  • 323
  • 2
  • 10