Home/ Questions/Q 6958423
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T15:08:15+00:00

I would like to solve the following problem: Given a link on a Web

  • 0

I would like to solve the following problem: Given a link on a Web page, I would like to replace the content of a specified div element with the content of a div element of another page. Say, just load the text “Stand on the shoulders of giants” from the Google Scholar page into my existing div element.

Up to date, if implemented the following example:

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

<a href="http://www.whatsmyip.org/">Click me</a>

<div id="myid">Text to be replaced</div>

<script type="text/javascript">
    $("a").click(function() {
      $.get(this.href, function(data) {
        $("#myid").replaceWith($(data).find("#fb-root"));
      });
      previous_page = location.href;
      window.history.pushState({page: $(this).index()}, $(this).html(), $(this).attr('href'));
      return false;
    });

    window.onpopstate = function(event) {
      location.reload();
    }
</script>

</body>
</html>

I’ve included window.history in order to change the URL in the location bar, and to allow the user to restore the previous state of the Web page without the new content.

Now, I have two issues:

  • The replacement of the <code>div</code> element seems not to work, since the entire page from WhatIsMyIP is loaded.
  • While using Chrome, the entire page gets reloaded again and again right from the beginning. I think, the event window.onpopstate is triggered continuously.

Thank for any help!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You could combine a click and a $.load on a hyperlink:

    $('a').click(function(e){
    $('#myid').load($(this).attr('href'));
    e.preventDefault(); //needed to prevent navigation!
});

    If you want a special element within the page, you can append any selector. Example:

     $('#myid').load($(this).attr('href') + ' div');

    This will append all divs of the requested page.

    • 0