Home/ Questions/Q 4044366
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T13:14:44+00:00

I feel there is such an easy answer to this, but my google-fu is

  • 0

I feel there is such an easy answer to this, but my google-fu is failing me. What I currently have are several links that once clicked, change the HTML content in a DIV.

<a href="#new" onclick="document.getElementById('body').innerHTML
= '<p>NEW</p>';">NEW!</a>

But I want to be able to link to this content. Is there anyway to link to this by going to a URL such as http://www.blahblah.com/index.html#new so it auto-loads the new HTML code?

Forgive me if I’m an idiot… I’m fairly new to javascript.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can use window.location.hash to see what the hash is on the URL and show the correct DIV based on that. Assuming all your divs are on the page, once you know the div you want to show you would do something like this:

    document.getElementById(idOfDivToShow).style.display='block';

    Small example:

    <html>
  <head>
    <script type="text/javascript">
      function loadDiv() {
        if(window.location.hash == '#div1')
          document.getElementById('div1').style.display = "block";
        else if(window.location.hash == '#div2')
          document.getElementById('div2').style.display = "block";
      }
    </script>
  </head>
  <body onload="loadDiv()">
    <div style="display:none" id="div1">div1</div>
    <div style="display:none" id="div2">div2</div>
  </body>
</html>
    • 0