Load the link in a div tag

Question

a href = WebForm1.aspx > Form1 a > a href = WebForm2.aspx > Form2 a > a href = WebForm3.aspx > Form3 a > div id = content > div > Here I have Three links in my page .If i click the link it will go to the assigned page .Now i want to load this page into my div tag.

Afzaal Ahmad Zeeshan · Answer

You cannot load pages in the div element for that you use iframe to load the documents inside a page. For that you can use the following code WebForm1.aspx >Form1 WebForm2.aspx >Form2 WebForm3.aspx >Form3 content > The JavaScript code for that would be like $(document).ready(function () { // Add handler $( 'a' ).click(function () { // Get the href. var resourceHref = $( this ).attr( 'href' ); $( '#content' ).attr( 'src'  resourceHref); }); }); This code will capture the href of the clicked hyperlink and then load that page in the iframe. If you do not want to use iframe then send an asynchronous request to the page capture the HTML content of that page and load it in the div the code for that would be similar $(document).ready(function () { // Add handler $( 'a' ).click(function () { // Get the href. var resourceHref = $( this ).attr( 'href' ); $.ajax({ url: resourceHref success: function (htmlContent) { $( '#content' ).html(htmlContent); } }); }); }); For this code to work you would need to change the iframe element back to div element as in your initial code.