embedding another html content div to my current html page

Asked Jul 25 '18 at 09:01

Active Jul 25 '18 at 10:20

Viewed 110 times

I have 2 separate HTML pages. What I'm trying to do is to pull a div from the second HTML page to look like the image on the right. When I click on todays news it should display below and not like a hyperlink.

$(document).ready(function() {
  $('href link of current').click(function() {
    $("div of another html").load('today.html h2 h3');
  });
});
});

edited Jul 25 '18 at 10:20

Hyyan Abo Fakher

3,497
3
21
35

asked Jul 25 '18 at 09:01

jack99jack

I assume this isn't working? If so check the URL is correct, and that there's no errors in the console. I'd also advise against including content in pages using AJAX. Doing it server side is better for a long list of reasons. – Rory McCrossan Jul 25 '18 at 09:03
1

I think you are looking for iframe, https://www.w3schools.com/tags/tag_iframe.asp or answerr above is make sense – Bogdan Jul 25 '18 at 09:06
1

The error may be occuring due to CORB. Take a look https://stackoverflow.com/questions/50873764/cross-origin-read-blocking-corb – Ullas Hunka Jul 25 '18 at 09:12
Do you get any warnings or errors in the console? – Ivan Rubinson Jul 25 '18 at 09:14
@UllasHunka it won't be a CORB problem as the OP is making a request to the local domain – Rory McCrossan Jul 25 '18 at 09:26
@RoryMcCrossan Then there is only one error which can occur i.e. wrong URL – Ullas Hunka Jul 25 '18 at 09:28
That's my guess too – Rory McCrossan Jul 25 '18 at 09:28
What selector is `href link of current`? Also do you really have `h3` inside `h2` in today.html? – Justinas Jul 25 '18 at 10:26

embedding another html content div to my current html page

0 Answers0