HTML <a> href that points to another <a> href-CodePudding

I have a hidden <a> tag with some id. It renders by script, so I don't have access to it. And I have my own <a> which is visible to user. I want to when user clicks my own <a> it redirects him with same href which script rendered <a> has.

I can't use <script> tag or js script files.

<a href="/somegerantedhred" id="someId" style="display: none"></a>

<a href="somehow get same href"></a>

CodePudding user response：

If you can add some javascript into your element instead of the script, you may have some luck using onclick. Then target the hidden link, get it's href value, and use it to change the window location:

<a href="/somegerantedhred" id="someId" style="display: none"></a>

<a onclick="window.location.href = document.getElementById('someId').getAttribute('href')">Your button</a>

CodePudding user response：

Not having access to the tags or the js files makes it almost impossible, the best thing I could come up with would be to use CSS to unhide the generated anchor by using #someId {display:block!important} so that you can use that generated tag as your anchor, however, I am not sure if this generated tag already has a value, if it doesn't, then nothing will be displayed in the screen and without access to the DOM with JS, it is pretty hard to find a solution to this matter.

#someId {display:block!important}

<a href="/somegerantedhred" id="someId" style="display: none">The hidden content</a>

<a href="somehow get same href">Your content</a>

CodePudding user response：

If you can use onclick, then just put this in your source:

<a href="/somegerantedhred" id="someId" style="display: none"></a>

<a onclick="window.location.href = document.getElementById('someId').href"></a>

CodePudding user response：

You can programmatically click the hidden link:

const hiddenLink = document.getElementById("someId");
const visibleLink = document.getElementById("visibleLinkId");

visibleLink.addEventListener("click", function(e) {
  e.preventDefault();
  hiddenLink.click();
});

<a href="/somegerantedhred" id="someId" style="display: none"></a>
<a href="#" id="visibleLinkId">Click me</a>

CodePudding user response：

First, you must define an event handler or event listener for onClick in the button. you can get the href of link like this:

document.getElementById("someId").href;

Also, you can change the link value to other href like this:

window.location.href= url;