How to Get ID from URL and make it a:focus of the associate id on the page load?

Question

Click on this link: https://phonestage.wpengine.com/documentation/#admin_guide_2

See, There is a ID(#admin_guide_2) on the last part of the link. I made this work with the page content, So when you load this page, You will see the correct associate with this ID. On the left side this ID also exists on the "Step 1: Authentication". I want this link will focus when someone comes with that link. Any idea how to do it?

hi @mplungjan, Actually scroll on page load is works. My question is about the a:focus on the left sidebar. a:focus is not working after the page load on the left sidebar — Abid Hasan, Oct 13 '19 at 07:03

mplungjan · Accepted Answer · 2019-10-13T18:08:12.783

0

Like this

var hash = "#admin_guide_3" // location.hash

$(function() {
  $("a").filter(function() {
    var href = $(this).attr("href");
    return href ? href.substring(href.indexOf("#")) === hash : false;
  }).focus();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a name="something">Nothing</a>
<ul>
  <li><a href="/documentation/#admin_guide_2">Step 1: Authentication</a></li>
  <li><a href="/documentation/#admin_guide_3">Step 2: Configuration &amp; Setup</a></li>
  <li><a href="/documentation/#admin_guide_4">Disconnecting the Telephony Integration or Starting Over &#8211; ADMIN USE ONLY</a></li>
</ul>

edited Oct 13 '19 at 18:08

answered Oct 13 '19 at 07:04

mplungjan

169,008
28
173
236

thanks for your great help. but unfortunately something is happening here. It shows me a error: "Uncaught TypeError: Cannot read property 'substring' of undefined" on console. – Abid Hasan Oct 13 '19 at 17:33
Have a look at the changed script. You have a's without hrefs then – mplungjan Oct 13 '19 at 18:08
This is now perfect! Thank you so much @mplungjan . You are the super hero! – Abid Hasan Oct 13 '19 at 18:18

How to Get ID from URL and make it a:focus of the associate id on the page load?

1 Answers1